HTML Tag (태그 정리)
2021. 1. 22. 22:07ㆍProgram/HTML
HTML 태그의 정리 순서는 사용 빈도수 순
Tag | Usage | Definition Summary |
<html> | <html> ... </html> | |
<head> | <head> ... </head> | 머리말 |
<body> | <body> ... </body> | 본문 |
<title> | <title> ... </title> | 웹페이지(문서)제목 |
<meta> | <meta ... /> | metadata에 대한 정보(information) |
<div> | <div> ... </div> | 문서영역 또는 섹션의 분할 정의 |
<a> | <a href=" ... " target=" ... "> ... </a> | (Anchor) 링크연결, inline요소 |
<script> | <script type=" "> ... </script> | 클라이언트 사이드 스크립트를 정의할때 사용 |
<link> | <link rel="stylesheet" href="..."> | 스타일시트(등 의) 링크 적용 |
<img> | <img src="..." > | 이미지삽입 |
<p> | <p> ... </p> | 줄바꿈, 단락 |
<span> | <span> ... </span> | inline요소들을 그룹화 |
<li> | <li> ... </li> | (List) 리스트화 |
<ul> | <ul> ... </ul> | (Unordered List) 리스트를 그룹으로 묶음 |
<ol> | <ol> ... </ol> | (Ordered List)리스트 그룹 자식들 앞에 숫자 넘버링 |
<br> | <br> </> | 줄바꿈, break |
<style> | <style ...> ... </style> | CSS 스타일 정의 |
<h1>~<h6> | <h1> ... </h1> | 제목(heading), 글씨크기 |
<input> | <input type="..."> | 체크박스 삽입 |
<from> | ||
<strong> | <strong> ... </strong> | 글씨를 두껍게 강조 |
<table> | <table> ... </table> | 표 사용 |
<tr> | <tr> ... </tr> | |
<td> | <td> ... </td> | |
주석 | <!-- ... --> | 주석을 사용할때 |
<hr> | <hr> | 단락 구분, 문서의 구분선 |
<caption> | <caption> ... </caption> | summary역할 |
<colgroup> | <colgroup> ... </colgroup> | 열 그룹 |
<u> | <u> ... </u> | 글씨에 밑줄(underline) |
더욱 자세한 설명은 아래 링크를 통해 확인가능합니다.
www.w3schools.com/html/default.asp
'Program > HTML' 카테고리의 다른 글
[HTML] 브라우저에서 값(문자열)을 입력하고 전송하게 해주는 <form>태그 (0) | 2021.03.03 |
---|---|
[HTML5] 시멘틱 태그(sementic tag) (0) | 2021.03.02 |
[HTML] 페이지 새로고침 버튼(태그) 만들기 (2) | 2021.02.26 |