사진 출처 : https://namu.wiki/w/HTML
HTML 태그(tag)
-
HTML 태그는 HTML 문서의 형태, 행동 양식을 정해주는 명령어이다.
-
HTML 태그를 줄여서 태그(tag)라고 부른다.
-
HTML 태그를 다른 말로 HTML 요소라고도 부르며 줄여서 요소라고도 부른다.
-
태그는 낱말 형태로 이름을 붙인다.
-
여기서 낱말은 여러 종류가 있으며 이들을 예약어로 나타낸다.
-
콘텐츠(정보)요소들을 정의하기 위해 태그를 사용하여 감싸 콘텐츠에 대한 역할을 부여한다.
-
즉, 태그는 원하는 형태로 표현되게 하거나 어떠한 기능을 수행하라고 알려주기 의해 감싸서 사용하는 짧은 낱말이다.
태그의 형태
-
태그에는 여는 태그, 닫는 태그, 단일 태그가 있다.
-
여는 태그(<>)는 콘텐츠에 대한 정의를 해주기 위한 태그의 시작점이다.
-
닫는 태그(</>)는 콘텐츠에 대한 정의가 끝나면, 열어준 태그를 닫는 태그이다.
-
보통 태그는 여는 태그와 닫는 태그로 이루어져 있다.
-
이런 형태의 예시는 html 태그, body 태그이다.
-
단일 태그는 1개의 태그로 여는 태그와 닫는 태그의 성질을 띄는 태그이다.
-
단일 태그의 예시는 link 태그이다.
모든 태그를 알아야 한다?
-
HTML에는 약 150여개 이상의 태그가 존재한다. 여기서 문제는 모든 HTML 태그를 다 공부해야하는가? 이다.
-
웹 사이트를 만드는데 자주 사용되는 태그들만 알면 된다. 필요한 경우 서치해 찾아 해당 태그를 사용하면 된다.
-
자주 사용되는 태그라고 구별하는 기준은 사용 빈도수가 높음을 기준으로 삼으면 된다.
-
따라서 사용 빈도수가 높은 태그는 필수적으로 알아두고, 사용 빈도수가 낮은 태그는 그때그때 찾아서 사용하면 된다.
참고 문헌 :
1. https://www.tcpschool.com/html-tags/intro
2. https://developer.mozilla.org/ko/docs/Web/HTML/Element
3. https://mingtrace.tistory.com/282
4. https://bono0933.tistory.com/entry/HTML-%ED%83%9C%EA%B7%B8%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80
5. https://kwiskey.tistory.com/6
6. https://info-best.tistory.com/80
7. https://velog.io/@devp1023/HTML-%ED%83%9C%EA%B7%B8%EB%9E%80
8. https://kimmychuchu.tistory.com/163
