대학강의정리/22.1 웹프로그래밍기초13 5장. 02 inline, internal, external html의 스타일을 지정하는 방법에는 세가지가 있습니다. 1. inline 2. internal 3. external 1. inline Inline CSS 는 태그 내부에서 style 을 지정하는 방법입니다. in a line의 줄임말로 style의 변경 및 유지보수가 어렵기 때문에 권장되지 않습니다. This is a heading This is a paragraph. 2. internal internal CSS는 style태그로 style을 지정하는 방법입니다. style태그는 주로 head태그 안에 위치합니다. internal CSS는 html 파일 내부에서 style을 지정한다는 점에서 inline 방식과 같지만, inline 방식처럼 태그 내부의 style 속성을 사용하지 않고 style태그를 .. 2022. 5. 20. 5장. 선택자와 단위 - 01. cascading 계층구조 학습목표 1. css블록 생성 2. 선택자를 이해하고 적절한 선택자를 사용 1. 선택자의 용도와 사용법 2. 기본 선택자 3. 속성 선택자 4. 후손 선택자와 자손 선택자 5. 반응, 상태, 구조 선택자 6. css3 단위 0. css란 css란 cascading style sheet의 약자로 html 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용하는 스타일 시트 언어입니다. css를 사용하는데 가장 큰 장점은 스타일을 저장하는 파일을 따로 만들 수 있다는 것입니다. (물론, inline, internal, external방식 중 external에 해당됨) 이렇게 하면 html요소의 스타일을 html요소 내부에서 일일이 지정할 필요없이 스타일만 따로 제어할 수 있습니다. 스타일의 변경 및 .. 2022. 5. 7. 3. 공간분할 태그와 시맨틱 태그 1. 공간분할 태그 css로 원하는 레이아웃을 구성하기 위해서는 공간 분할이 필요합니다. 아래의 링크를 참고하시오. https://turtle0204.tistory.com/9 css로 정렬을 하기 위한 기본 상식 ; display ; inline과 block 참고자료: CSS 레이아웃 정리 display, position 완성 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript 드림코딩엘리 https://www.youtube.com/watch?v=jWh3IbgMUPI 웹사이트를 만들 때 가장 중요한 것은 우.. turtle0204.tistory.com block형식은 언제나 새로운 라인에서 시작하며 해당 라인의 모든 너비를 차지합니다. inline형식은 자신의 글자크기만큼 영역을 차.. 2022. 4. 20. 3. 입력양식태그 학습목표 입력 양식별 특징을 이해하고 용도에 맞게 사용할 수 있습니다. 블록 형식과 인라인 형식을 구분할 수 있습니다. 입력 양식 태그는 사용자에게 정보를 입력받는 요소입니다. 입력 양식 태그를 통해 회원가입, 로그인, 검색 등 다양한 입력 양식을 만들 수 있습니다. 이 태그를 공부할 때에는 프론트엔드뿐만 아니라 백엔드(서버쪽 코드)쪽도 고려를 해야합니다. 입력양식태그는 전달받은 클라이언트(사용자)의 정보를 서버로 전송하기 위한 태그이기 때문에 관련된 정보를 알아두는 것이 필수적입니다. 입력양식 태그에는 form, input, textarea 등이 있는데 input, textarea등의 태그들은 사용자가 정보를 입력할 수 있는 양식을 제공하고 그 양식을 통해 받은 정보를 저장합니다. 여기서 입력양식태그에.. 2022. 4. 20. 2. html5 기본태그 중 미디어태그 미디어 태그는 이미지, 오디오, 비디오 등의 멀티미디어를 넣을 때 사용하는 태그입니다. 이 세 태그 모두 html문서에 직접 삽입되는 것이 아닌, src 속성을 통해 html문서에 미디어가 링크되는 방식으로 웹페이지 위에 나타납니다. 미디어 태그는 절대경로 혹은 상대경로를 통해 링크됩니다. 아래는 미디어 태그를 경로별 특징으로 나눈 것입니다.(예시 이미지 태그) 절대경로로 사용할때, 상대경로로 사용할때, 상대경로로 사용하며 실행파일과 같은 폴더에 이미지 파일이 존재할때, 더보기 절대경로는 파일이 존재하는 위치의 주소를 모두 적은 것으로 프로그램이 실행되는 위치에 구애되는 상대경로와 달리 절대경로는 html파일 위치와 상관없이 어느 경로에서든 자유롭게 사용할 수 있다는 장점이 있습니다. 하지만 상대경로를 .. 2022. 4. 20. 2. html5 기본태그 중 테이블태그 1. table 태그 사용법 1번 열 2번 열 3번 열 4번 열 1 2 3 4 2. th 나 td 합치기 rowspan 속성은 행을 합치는 속성이다. 세로로 길어진다. colspan 속성은 열을 합치는 속성이다. https://2018-start.tistory.com/21 2022. 4. 19. 이전 1 2 3 다음
