Codeit_기본 HTML 태그 정리

HTML_CSS/HTML & CSS

AngeRay 2021. 5. 17. 18:35

기본 HTML 태그 정리

Hyper Text Markup Language를 의미하며, 현 사용 중인 html 5는 sementic 언어의 기능이 추가된 프로그램 이다.

웹 표준인 xhtml1.0 + 기능 = html 5 이다.

크로스 브라우징(모든 브라우저에 동일하게 보여져야 한다는 개념)이 되어야 한다.

컴퓨터에 <DOCTYPE!> 이라는 시작 명령으로 시작해야 한다.(html 5 기준으로 작성한다고 선언하는 것이다.)

HTML 파일을 쓸 때는 가장 먼저 <!DOCTYPE> 선언을 써야 한다.

최신 버전인 HTML 5를 사용하기 위해서 작성한다.

꾸미기 위한 <head> 와 구조적인 <body> 의 구조로 되어 있다.

페이지의 제목은 <title> 태그에 써주면 된다.

브라우저의 탭이나 방문 기록에 나와 있는 바로 그 제목이 이곳에 들어간다.

<head> 태그 안에 들어가며 <title> 태그가 잘못 작성되면 문서 전체가 안나온다.

한 페이지에 여러 개의 머리말이 있을 수 있는데, 그 중 가장 중요한 머리말을 <h1>(heading 1), 그 다음으로 중요한 머리말은 <h2>(heading 2).

이런 식으로 <h6>(heading 6) 까지 작성할 수 있다.

각 머리말의 크기는 나중에 마음대로 설정 가능하지만, 따로 설정해주지 않으면 <h1> 부터 순서대로 작아진다.

보통 문단은 <p>(paragraph) 태그 안에 넣는다.

<p> 태그 위, 아래에는 기본적으로 여백이 조금씩 있다.