[따라하며 배우는 HTML, CSS] 1 - (4) HTML 기본 태그와 역할
·
FrontEnd/HTML.CSS
Heading: ~ : 주로 웹 페이지에서 표시하려는 제목으로 사용 (은 하나의 페이지에서 제일 큰 주제를 위해 한 번만 사용하는 것 추천.) Paragraphs: : 문단을 정의할 때 사용됩니다. Preformmatted Text : 미리 정의된 형식의 텍스트를 정의할 때 사용합니다. : 텍스트에 사용된 여백과 줄 바꿈이 모두 그대로 브라우저 화면에 나타납니다. List(목록태그) : HTML 문서에서 목록을 나타내는 태그 ( 종류: 크게 3가지) 1. 순서가 있는 목록: Ordered List * ol은 속성 reversed, start, type에 따라 리스트를 원하는 양식으로 바꿀 수 있습니다. 더보기 2. 순서가 없는 목록: Unordered List * ul은 type 속성을 square로 하..
[따라하며 배우는 HTML, CSS] 1 - (3) HTML 문서 기본 구조
·
FrontEnd/HTML.CSS
DOCTYPE Doctype은 HTML 문서의 맨 처음에 명시해서 이 문서의 버전을 나타냅니다. 이 Doctype은 반드시 작성해야 하며, 현재 은 HTML5 버전임을 나타냅니다. HTML 이 문서가 html로 작성됐음을 브라우저에게 알립니다. 문서의 시작과 끝을 알리는 태그입니다. lang 속성으로 문장의 언어를 설정할 수 있습니다. HEAD 메타 데이터와 타이틀을 넣어주는 곳입니다. 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 주로 안에 들어가는 것들: 제목, 스크립트, 스타일 시트 등 메타데이터: 웹 페이지에서 직접 보이지는 않지만 페이징 인코딩 방식이나 검색 엔진에 관한 정보 등 많은 설정들을 할 수 있습니다. 타이틀: 브라우저 창 제목에 나타납니다. BODY 주로 브라우저 화면에 ..
[따라하며 배우는 HTML, CSS] 1 - (1) HTML의 개념 및 구성
·
FrontEnd/HTML.CSS
HTML Hyper Text Markup Language 웹페이지 표시를 위해 개발된 지배적인 마크업 언어 이미지와 비디오 같은 콘텐츠를 삽입할 수 있게 해주는 요소들로 구성된 지극히 간단한 언어 html 구성요소 태그 tag 웹 문서를 구성하는 명령어 꺾새 안에 들어 있는 정보를 정의하는 형식 요소의 일부로 시작 태그와 종료 태그 두 종류 종료 태그가 없는 , 태그도 있다. 요소 Element 요소는 시작 태그와 종료 태그, 그 사이의 내용으로 구성된다. 빈 요소 , 블록 요소 h1~h6, div, list, p, ... 인라인 요소 a, span, strong 블록 요소 블록 요소는 다른 블록 요소를 포함할 수 있습니다. 블록 요소는 인라인 요소를 포함할 수 있습니다. 블록 요소는 아랫줄에 나타나게 ..