HTML이란?
HTML은 HyperText Markup Language의 약자이다.
웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성된다.
각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용된다.
HTML 태그(tag)
<tagname> 시작 태그
</tagname> 종료 태그
<img> <br> <hr> 빈 태그 (시작만 있고 종료는 없음)
HTML 기본적인 구조
<!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시한다.
<html> : HTML 문서의 루트(root) 요소를 정의한다.
<head> : HTML 문서의 메타데이터(metadata)를 정의한다.
<title> : HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용된다.
- 웹 브라우저의 툴바(toolbar)에 표시.
- 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 된다.
- 검색 엔진의 결과 페이지에 제목으로 표시된다.
<body> : 웹 브라우저를 통해 보이는 내용(content) 부분이다.
<h1> ~ <h6> : 제목(heading)을 나타낸다.
<p> : 단락(paragraph)을 나타낸다.
HTML 요소 구조
HTML 요소는 여러 속성을 가질 수 있으며, 속성은 해당 요소에 대한 추가적인 정보를 제공한다.
또한, HTML 요소는 시작 태그로 시작해서 종료 태그로 끝난다.
<p class="parameter">mcrkgus.tistory.com</p>
속성은 시작 태그 내에서만 정의되며, 속성 이름과 속성값으로 표현된다.
<태그이름 속성이름="속성값">
이 때, 속성 이름은 언제나 소문자로 작성하고, 속성값은 언제나 따옴표""로 감싼다.
<img src="apples.jpg" alt="No image">
<img src="apples.jpg" alt=No image>
위의 코드와 같이 속성값에 띄어쓰기가 들어가게 되면, 반드시 따옴표를 사용해야 한다.
그리고 속성값을 따옴표를 사용해서 감싸야 한다.
'HTML' 카테고리의 다른 글
2. HTML 텍스트 요소(1) (0) | 2022.11.12 |
---|