웹 페이지에 출력되는 모든것은 요소
를 사용해서 만들게된다.
글자 , 이미지 , 동영상 등 다 하나의 요소
이다.
이러한 요소들은 태그
를 기반으로 만들게 된다.
태그
자체를 요소
라고도 불러도 상관은 없다.
태그
는 크게 두가지로 나뉜다.
태그의 종류
-내부에 무언가를 가질 수 있는 태그
<이름>무언가</이름>
-내부에 무언가를 가질 수 없는 태그
<이름>
내부에 무언가를 가질 수 있는 태그의 예를 보자.
제목중 가장 큰 제목을 의미하는 <h1></h1>
태그와 문단을 의미하는 <p></p>
라는 파라그래프태그 내부에 무언가를 넣어주었다.
참고로 제목을 의미하는 h
태그는 <h1>~<h6>
까지 있다.
내부에 무언가를 가질 수 없는 태그는
<img />
이런형태로 만든다.
저 이미지태그에서 어떤 이미지를 출력하기위해선 속성블럭이라는걸 사용해서 요소에 추가적인 정보를 표현할수있다. 속성블럭은 이름='값'
이라는 형태의 블럭이다.
이미지태그의 속성은 <img src='이미지의 경로' />
를 지정을 해주면 이미지를 출력을하게된다.
추가적으로 위의 사진을 보면 html가장 위에<!DOCTYPE html>
는 DOCTYPE이라는 태그에 html이라는 속성을 줬다는 의미이고, 값을 입력하지 않아도 속성이다. 이 태그는 열려만 있고 닫는태그가 없어서 내부에 무언가를 가지지않는 태그이다.
<meta>
태그도 내부에 속성들은 지정되어있지만 닫는태그가 없어서 내부에 무언가를 가질수없는 태그이다.
<html></html>
태그는 아래에 닫는 태그가 있기때문에 내부에 무언가를 가지는 태그이고, 위의 html태그
에선 lang
이라는 속성에 en
이라는 값을 가진다는 의미이다.