- HTML 문서의 소스의 처음.
<!DOCTYPE html>위와 같은 코드를 많이 보셨을겁니다.
그럼 저 코드의 의미는 무엇일까?!
의미 : 웹브라우저에 처리할 문서가 어떠한 버젼으로 사용하였으니 해당 방식으로 해석하라는 의미를 갖는다.
예시) "!DOCTYPE html" => 해당 문서는 HTML5으로 작성하였으므로 그에 맞는 방식으로 해석해라.
- Element (요소)
- HTML 문서는 수많은 요소들의 집합.
- Element(요소)가 의미 하는것은1) HTML 소스, 코드
2) "<...>" 괄호로 이루어져 있다.
3) "<...>" 괄호를 태그(tag) 라고 한다.
- Element (요소) == Tag(태그)
<!doctype html> <html> <head> <meta charset="utf-8"> <title>web</title> </head> <body> <h1>wsc</h1> <img src="test2017.jpeg"> </body> </html>
- 위 코드에서 <> 괄호 하나하나가 하나의 요소이면서 태그이다.
- 즉, 이러한 요소들의 집합이 "HTML 문서" 이다.
- 각 요소(태그)들은 html 문서에서 중첩되어 쓰여진다.
- "html" 태그 아래 "head" 태그 아래 "title" 태그
- 각 요소(태그) 하위에 다른 요소(태그)들로 중첩되어 작성된다.
- 중첩되어지는 요소(태그)들은 보기 편하게 하기 위해 "들여쓰기" 형식으로 작성한다.
- 요소(태그)의 구성 및 작성 방법
- <태그(시작)>내용</태그(종료)>
- 예시)
<title>web</title>- 빈 요소 (Empty Element)
- <태그(시작)> "내용" <태그(종료)> 시작태그와 종료태그 사이에 보통 "내용(Contents)" 이 들어간다.
- 하지만 이러한 "내용(Contents)" 이 들어가지 않는 요소(태그)를 "빈 요소" 라고 한다.
- 예시)
<img src="test.jpg">
위와 같이 이미지태그 처럼 <시작>내용</종료> 형식으로 이루어져지지 않는다. - <태그 속성 이름(Attribute name)=속성 값(Attribute value)> 으로 이루어져 있다.
- 빈 요소(태그)안에 "속성"은 "시작태그"에 위치한다.
- "이름" = "값" 으로 쌍으로 구성 된다.
- 속성 (Attribute)
- 속성은 빈 요소 뿐만 아니라 "요소" 에도 있다.
- 예시)
<h1 style="color:blue;"> 안녕하세요 <h1> - "h1" 태그에 "style" 속성 값을 이용하여 텍스트 색을 바꿀수 있다.
참조 : https://m.blog.naver.com/PostView.nhn?blogId=heartflow89&logNo=221179486614&proxyReferer=https:%2F%2Fwww.google.com%2F
https://poiemaweb.com
https://opentutorials.org/course/3084
ENJOY!! PROGRAMING!!