<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
이 문서를 해석해서 우리에게 알려주는 것이 바로 브라우저이다.
<!DOCTYPE html>
해당 문서가 html 문서라는 것을 나타낸다.
<html lang="en"></html>
전체 페이지의 콘텐츠를 포함한다
<title></title>
제목으로 활용
<head></head>
HTML 문서에 관련된 설명, 설정
사용자에게 보이지 않는다
<body></body>
페이지에 표시되는 모든 콘텐츠
사용자에게 보인다.
▷ HTML Element(요소)
<p> I like strawberry </p>이 줄 전체가 하나의 element이다.
하나의 요소는 여는 태그, 내용, 닫는 태그로 구성된다.
닫는 태그가 없는 경우도 있다. (내용이 필요없는 경우)
예를 들어서 이미지 태그 같은 것.
▷ HTML Attributes(속성)
<p class="editor-note"> I like a book </p>
이 중에서 class = "editor-note" 이 부분이 바로 속성이다.
속성의 이름 class
속성의 값 editor-note
- 특징
속성은 요소 이름과 속성 사이에 공백이 있어야 한다. <p class>
하나 이상의 속성이 있는 경우엔 속성 사이에 공백으로 구분한다.
속성의 값은 " " 로 감싸야한다.
- 목적
추가적인 기능, 내용을 담고 싶을 때
CSS에서 해당 요소를 선택하기 위해
'WEB > HTML' 카테고리의 다른 글
| [HTML] h1 ~h6, ol,li,ul, em, strong (0) | 2024.03.10 |
|---|---|
| [HTML] HTML 코드 한방에 셋팅 / ! + enter (0) | 2024.03.10 |
| [HTML] <p></p>, <a href=""> </a>, <img src="" alt=""> (0) | 2024.03.10 |
| [HTML] HTML 주석 단축키 Ctrl + / (0) | 2024.03.10 |
| [HTML] HTML이란? (0) | 2024.03.10 |