Heading: ~ : 주로 웹 페이지에서 표시하려는 제목으로 사용 (은 하나의 페이지에서 제일 큰 주제를 위해 한 번만 사용하는 것 추천.) Paragraphs: : 문단을 정의할 때 사용됩니다. Preformmatted Text : 미리 정의된 형식의 텍스트를 정의할 때 사용합니다. : 텍스트에 사용된 여백과 줄 바꿈이 모두 그대로 브라우저 화면에 나타납니다. List(목록태그) : HTML 문서에서 목록을 나타내는 태그 ( 종류: 크게 3가지) 1. 순서가 있는 목록: Ordered List * ol은 속성 reversed, start, type에 따라 리스트를 원하는 양식으로 바꿀 수 있습니다. 더보기 2. 순서가 없는 목록: Unordered List * ul은 type 속성을 square로 하..

DOCTYPE Doctype은 HTML 문서의 맨 처음에 명시해서 이 문서의 버전을 나타냅니다. 이 Doctype은 반드시 작성해야 하며, 현재 은 HTML5 버전임을 나타냅니다. HTML 이 문서가 html로 작성됐음을 브라우저에게 알립니다. 문서의 시작과 끝을 알리는 태그입니다. lang 속성으로 문장의 언어를 설정할 수 있습니다. HEAD 메타 데이터와 타이틀을 넣어주는 곳입니다. 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 주로 안에 들어가는 것들: 제목, 스크립트, 스타일 시트 등 메타데이터: 웹 페이지에서 직접 보이지는 않지만 페이징 인코딩 방식이나 검색 엔진에 관한 정보 등 많은 설정들을 할 수 있습니다. 타이틀: 브라우저 창 제목에 나타납니다. BODY 주로 브라우저 화면에 ..

[Semantic] : 의미가 있는 요소, 브라우저와 개발자 모두에게 의미를 명확하게 설명합니다. : , , [Non- sementic] : 및 은 내용에 대해 아무것도 알려주지 않습니다. : 이 태그들의 이름만 보고는 어떤 내용인지 유추할 수가 없습니다. # HTML에서 사용되는 시맨틱 요소들 header를 써도 되지만 여기가 header라는 것을 더 명확히 나타내기 위해 header를 사용합니다. : 주로 제목과 소개 내용을 포함합니다. ex h1~h6, 로고, 아이콘, 저작권 정보, 작성자 이름,... 하나의 HTML문서에는 여러 요소가 사용될 수 있지만, , , 또 다른 안에는 배치될 수 없습니다. 블로그 예시 header 더보기 : 문서의 섹션을 정의합니다. : 주로 "제목이 있는 주제별 콘텐츠..

HTML Hyper Text Markup Language 웹페이지 표시를 위해 개발된 지배적인 마크업 언어 이미지와 비디오 같은 콘텐츠를 삽입할 수 있게 해주는 요소들로 구성된 지극히 간단한 언어 html 구성요소 태그 tag 웹 문서를 구성하는 명령어 꺾새 안에 들어 있는 정보를 정의하는 형식 요소의 일부로 시작 태그와 종료 태그 두 종류 종료 태그가 없는 , 태그도 있다. 요소 Element 요소는 시작 태그와 종료 태그, 그 사이의 내용으로 구성된다. 빈 요소 , 블록 요소 h1~h6, div, list, p, ... 인라인 요소 a, span, strong 블록 요소 블록 요소는 다른 블록 요소를 포함할 수 있습니다. 블록 요소는 인라인 요소를 포함할 수 있습니다. 블록 요소는 아랫줄에 나타나게 ..