오늘은 html 주요 태그를 정리하는 시간을 가져보려고 합니다.
html 태그는 250개가 넘지만, 실제 사용하는 태그는 그렇게 많지 않습니다.
그럼 어떤 태그들이 자주 쓰이는지 살펴볼까요?
한 사이트의 조사 결과에 따르면 웹 페이지에서 사용하는 태그 수는 28개가 가장 많다고 합니다.
<출처 : https://www.advancedwebranking.com/html/>
눈에 익은 태그들이 많이 보이지요?
위의 태그를 카테고리별로 구분해보면 다음과 같습니다.
<div>, <script>, <span>, <style>처럼 CSS와 JavaScript와 관련된 태그들을 제외하면 대부분 우리가 배운 것들입니다.
|
분류 |
태그 |
기능 |
|
기본 태그 |
<html> |
HTML 문서 |
|
<head> |
문서에 대한 정보 |
|
|
<body> |
본문 |
|
|
<title> |
문서 제목 |
|
|
<p> |
단락 |
|
|
<br> |
한 줄 삽입 |
|
|
<h1>~<h6> |
본문 제목 |
|
|
메타정보 |
<meta> |
메타데이터 |
|
텍스트 서식 |
<strong> |
굵은 글씨 |
|
<i> |
글자 기울임 |
|
|
이미지 |
<img> |
이미지 |
|
링크 |
<a> |
하이퍼링크 |
|
<link> |
외부 자원 참조 |
|
|
<nav> |
네비게이션 링크 |
|
|
목록 |
<li> |
목록의 항목 |
|
<ul> |
순서없는 목록 |
|
|
프레임 |
<iframe> |
새 창(동영상 등) |
|
입력 |
<input> |
입력 제어 |
|
<form> |
사용자 입력 |
|
|
<button> |
버튼 |
|
|
프로그래밍 |
<script> |
자바스크립트 코드 입력 |
|
스타일 및 의미론적 태그 |
<div> |
섹션 구분 |
|
<span> |
섹션 구분 |
|
|
<style> |
스타일 |
|
|
<footer> |
푸터 |
|
|
<header> |
헤더 |
이렇게 주로 사용하는 HTML 태그는 한정되어 있습니다.
지금까지 배운 태그 정도만 알아두면 얼마든지 원하는 웹페이지를 만들 수 있습니다.
10개의 태그면 충분하다고 주장하는 사람도 있을 정도니까요.
특히 HTML 태그는 모든 것이 웹에 공개되어 있어 필요한 태그가 있다면 검색을 통해 얼마든지 찾아볼 수 있습니다.
중요한 것은 자신이 웹페이지를 만들고자하는 목적과 거기에 담을 컨텐츠가 아닌가 싶습니다.
[출처] [HTML 기초 강의] 16 자주 사용하는 html 태그들|작성자 코딩타임
'웹프로그래밍' 카테고리의 다른 글
| CSS / 구글 웹폰트 사용하는 방법 (0) | 2020.06.11 |
|---|---|
| React란 무엇인가? (0) | 2020.06.09 |
| 자바스크립트 기본문법 (0) | 2020.06.05 |
| 부트스트랩 (1) (0) | 2020.04.01 |
