IT 세상 해석하기

[HTML] 태그 정리 본문

프로그래머 공간/HTML

[HTML] 태그 정리

ikohong 2019. 11. 24. 08:05
728x90
반응형

[HTML] 태그 정리

태그 주석
<!-- 내용 --> 주석 정의. 코드를 설명할때 사용한다.
<!DOCTYPE> 문서 타입 정의. HTML 맨 처음 작성한다.
<a> 하이퍼링크 정의. 다른 사이트 연결을 위해 사용되어진다.
<abbr> 약어(abbreviation)의 정의. 약자를 표시하며, 마우스 위에 올릴시 뜻이 표시된다.
<address> 주소 엘리먼트 정의. 작성시 글꼴이 '기울임꼴'로 정의된다.
<area> 이미지 맵에서 영역 정의. 이미지 위의 좌표를 명시
<article> 내용이 독립적이며, 단독으로 사용할수 있는 내용을 담을때 사용
<aside> 전체 내용과 관련성 있지만, 직접적인 연관성이 없는 내용 표시 영역
<b> 텍스트의 굵기가 굵어진다.
<base> HTML문서의 기준 URL을 명시
<bdo> 텍스트 방향 정의(오른쪽에서 왼쪽, 왼쪽에서 오른쪽)
<blockquote> 텍스트를 인용문으로 정의 - 한글로 치면 'Tab'기능
<body> 문서의 메인 컨텐츠 정의
<br> 강제 줄바꿈
<button> 푸쉬 버튼 생성
<canvas> 비트맵 캔버스 제공
<caption> table요소의 제목을 지정
<cite> 작품의 제목을 표시
<code> 컴퓨터의 코드를 텍스트에 나타낼때 사용
<col> 하나 이상의 행을 나타냄 - 부모요소 [colgroup]
<colgroup> 테이블에서 하나 이상의 행의 그룹을 나타냅 - 부모요소 [table]
<datalist> 드롭다운 리스트 정의
<dd> 정의 된 내용의 아랫부분에 설명할때 쓰는 태그. <blockquote>태그와 같은 결과값
<del> 텍스트 삭제된 부분을 보여주는 태그
<details> 엘리먼트의 상세 내용 드롭바 형식으로 정의
<dfn> 정의 용어를 정의, 이텔릭 형식으로 보여줌
<div> 문서 내의 섹션을 정의. 영역을 구분할때 사용된다.
<dl> 정의 리스트를 정의
<dt> 정의용어를 정의
<em> 강조할 텍스트 정의. 이텔릭 형식으로 텍스트가 보인다.
<embed> 외부 상호연동 컨텐츠 또는 플러그 인의 정의
<fieldset> 필드셋 정의
<figcaption> 그림 엘리먼트의 캡션 정의
<figure> 미디어 컨텐츠 그룹과 캡션의 정의
<footer> 섹션 또는 페이지의 푸터 정의
<form> 폼 정의
<h1> ~ <h6> 글자 크기 정의
<head> 문서에 대한 정보 정의
<header> 섹션이나 페이지의 헤더 정의
<hgroup> 문서 내의 섹션에 대한 정보 정의
<hr> 수평 규칙(Horizontal rule) wjddml
<i> 이텔릭(italic) 텍스트 정의
<iframe> 인라인(inline) 서브 윈도우(frame) 정의
<img> 이미지 정의
<input> 입력 필드 정의
<ins> 삽입된 텍스트 정의
<keygen> 폼 내에서의 생성된 키를 정의
<kbd> 키보드 텍스트 정의
<label> 폼 제어를 위한 레이블 정의
<legend> 필드셋(fieldset) 내의 타이틀 정의
<li> 리스트 아이템 정의
<link> 리소스 참조 정의
<map> 이미지 맵 정의
<mark> 마크된 텍스트 정의
<menu> 메뉴 리스트 정의
<meta> 메타 정보 정의
<meter> 기-정의된 범위에서의 측정 정의
<nav> 네비게이션 링크 정의
<noscript> 'noscript'섹션 정의
<object> 내장 객체 정의
<ol> 순서대로 나열된 리스트 정의
<optgroup> 옵션 그룹 정의
<option> 드롭 다운 리스트에서 옵션 정의
<output> 출력 타입 정의
<p> 한 문장을 작성할 때 사용되는 페러그래프 정의
<param> 객체 파라미터 정의
<pre> 프리-포멧된 텍스트 정의. 
<progress> 태스크의 진행사항 정의
<q> 짧은 인용 정의, 쌍따옴표로 텍스트가 표기된다.
<s> 해당 라인이 더 이상 맞지 않음을 나타내며 워드의 취소선과 같은 역할을 수행
<samp> 샘플 컴퓨터 코드를 정의하여 어느 포맷을 가지는 텍스트를 나타내 줌
<script> 스크립트 정의
<section> 섹션 정의. 문서 내용이 의미가 비슷할때 사용
<select> 선택 가능한 리스트를 정의하여 드롭다운과 같이 여러 가지 항목들이 주어지고 그 중 하나를 고르게 함
<small> 텍스트를 작게 표현함
<source> 미디어 리소스 정의
<span> 문서 내 섹션 정의
<strong> 텍스트를 굵게 표시
<style> 스타일 정의
<sub> 아래 첨자 표시
<summary> "detail" 엘리먼트의 헤더 정의
<sup> 위 첨자 표시
<table> 테이블 정의
<tbody> 테이블 바디 정의
<td> 테이블의 셀 정의
<textarea> 텍스트 영역 정의
<tfoot> 테이블의 푸터 정의
<th> 테이블의 헤더 셀 정의
<thead> 테이블의 헤더 행 그룹(표 머리말) 정의
<time> 요일/시간 정의
<title> 문서 타이틀 정의
<tr> 테이블의 행 정의
<ul> 비정렬된 리스트 정의
<var> 변수 정의
<wbr> 'line-break'를 정의

- 2019년 11월 24일 업데이트(수정 진행중)

- 추가,삭제가 계속적으로 진행될 수 있습니다.

728x90
반응형
Comments