HTML 이란
HyperText Markup Language 의 약자
웹페이지는 HTML 문서라고도 불리며 HTML 태그들로 웹페이지의 구조를 구성
HTML Tag
HTML Tag 는 꺽쇠괄호(<>)로 표현
시작태그 : <태그명>
종료태그 : </태그명>
빈태그 : 종료태그가 없는 태그
HTML 기본 구조
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1> 제목 크기 1 </h1>
<h2> 제목 크기 2 </h2>
<h3> 제목 크기 3 </h3>
<p> 단락 1 </p>
<p> 단락 2 </p>
</body>
</html>
HTML 결과 표시
<!DOCTYPE html>
- 현재 문서가 HTML5 임을 명시
<html>
- HTML 문서의 루트 요소를 정의
<head>
- HTML 문서의 메타데이터를 정의
- 메타데이터(metadata)
- 웹브라우저에는 직접적으로 표현되지 않는 HTML 문서에 대한 정보
- <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현할 수 있음
<title>
- HTML 문서의 제목을 정의하며 웹브라우저의 툴바에 표시
- 웹브라우저의 즐겨찾기에 추가할때 즐겨찾기의 제목이 됨
- 검색엔진의 결과 페이지에 제목으로 표시
<body>
- 웹브라우저를 통해 보이는 내용을 작성 및 표시
<h1~h6>
- 제목을 표시, 각 숫자별로 글자의 크기가 다름
<p>
- 단락을 나타냄(공백줄이 추가되어 구분됨)
HTML 요소 구조
HTML 요소(Element) 는 여러 속성을 가질 수 있으며, 이러한 속성은 해당 요소에 대한 추가적인 정보를 제공함.
<태그이름 속성이름="속성값">속성이름은 언제나 소문자로 작성
- HTML5 표준에서는 속성 이름에 대소문자를 구분하지 않지만, XHTML 에서는 속성이름을 엄격하게 소문자로만 사용
속성값은 언제나 따옴표로 감싸기
- 따옴표로 감싸지 않으면 예상하지 못한 오류가 발생할 수 있음(띄어쓰기 등)
'개발 > HTML' 카테고리의 다른 글
| HTML5 와 제이쿼리 (1) | 2022.11.15 |
|---|---|
| [HTML5] Form, Input 요소의 속성(작성중) (0) | 2022.09.07 |
| [HTML] Input 요소의 속성 (0) | 2022.09.07 |
| [HTML] 입력 양식 (0) | 2022.09.07 |
| [HTML] 레이아웃 (0) | 2022.09.06 |
| [HTML] 블록과 인라인 (0) | 2022.09.05 |
| [HTML] 텍스트 요소 - 엔티티 (0) | 2022.09.05 |
| [HTML] 텍스트 요소 - 서식 (1) | 2022.09.05 |
