기본 HTML 태그 정리
<HTML> 정의
Hyper Text Markup Language를 의미하며, 현 사용 중인 html 5는 sementic 언어의 기능이 추가된 프로그램 이다.
웹 표준인 xhtml1.0 + 기능 = html 5 이다.
크로스 브라우징(모든 브라우저에 동일하게 보여져야 한다는 개념)이 되어야 한다.
컴퓨터에 <DOCTYPE!> 이라는 시작 명령으로 시작해야 한다.(html 5 기준으로 작성한다고 선언하는 것이다.)
<!DOCTYPE html> 선언
HTML 파일을 쓸 때는 가장 먼저 <!DOCTYPE> 선언을 써야 한다.
최신 버전인 HTML 5를 사용하기 위해서 작성한다.
꾸미기 위한 <head> 와 구조적인 <body> 의 구조로 되어 있다.
<title> 태그
페이지의 제목은 <title> 태그에 써주면 된다.
브라우저의 탭이나 방문 기록에 나와 있는 바로 그 제목이 이곳에 들어간다.
<head> 태그 안에 들어가며 <title> 태그가 잘못 작성되면 문서 전체가 안나온다.
<h1> ~ <h6> 태그
한 페이지에 여러 개의 머리말이 있을 수 있는데, 그 중 가장 중요한 머리말을 <h1>(heading 1), 그 다음으로 중요한 머리말은 <h2>(heading 2).
이런 식으로 <h6>(heading 6) 까지 작성할 수 있다.
각 머리말의 크기는 나중에 마음대로 설정 가능하지만, 따로 설정해주지 않으면 <h1> 부터 순서대로 작아진다.
<p> 태그
보통 문단은 <p>(paragraph) 태그 안에 넣는다.
<p> 태그 위, 아래에는 기본적으로 여백이 조금씩 있다.
'HTML_CSS > HTML & CSS' 카테고리의 다른 글
| Codeit_head, body, html 태그 (0) | 2021.05.20 |
|---|---|
| Codeit_기본 CSS 속성 정리 (0) | 2021.05.18 |
| Codeit_코딩 할 때 한글이 깨지는 이유는 뭘까? (0) | 2021.05.18 |
| Codeit_<b> 태그, <i> 태그 VS <strong> 태그, <em> 태그 (0) | 2021.05.18 |
| Codeit_HTML/CSS 시작하기 (0) | 2021.05.17 |