html tag 태그 리스트

html 태그 리스트

태그	태그설명
<!-- -->	일명 주석이라고 합니다. html중에서 사용하지 않는 부분을 주석처리하여해당태그를 사용하지 않거나 html중 메모를 넣는데 사용합니다.
<a>	a태그는 하이퍼링크 태그로써 html문서간의 페이지 이동을 위하여 a href="" 방식으로 주소를 입력합니다.
<address>	해당문서의 작성자 또는 소유자의 연락처 정보를 입력합니다.
<area>	에어리어 안에 이미지들의 이미지 맵을 설정하는 태그입니다. 일반적으로 이미지에 여러개의 링크가 있거나 또는 특정위치에 링크모양을 만들어 넣거나 할때 사용합니다.
<article>	독립적인 컨텐츠를 지정할때 사용합니다.
<audio>	오디오 컨텐츠를 사용할때 사용합니다.
<b>	해당 태그안에 텍스트들은 모두 bold로 표시됩니다.
<base>	문서의 모든 상대경로 url을 지정하여 상대경로를 줄여서 쓸때 사용합니다.
<body>	html의 태그의 전체가 되는 부분입니다.
<br>	문서프로그램에서의 엔터 역활이 됩니다. 기본 html은 엔터로 내려도 인식이 되지 않습니다. 따라서 br태그를 넣어줘야합니다.
<button>	일반적으로 클릭하는 버튼태그입니다.
<canvas>	자바스크립트를 통하여 그림을 그리는 태그입니다.
<caption>	테이블의 제목 태그입니다. 테이블의 상단에 제목이 뜨게됩니다.
<colgroup>	테이블의 그룹을 설정하는 태그입니다.
<col>	colgroup과 같이 내부 테이블의 속성을 지정하는 태그입니다.
<dl>	리스트의 설명 리스트를 정의합니다.
<dt>	dl태그 안에 속해있으며 설명리스트의 제목에 해당됩니다.
<dd>	dl태그 안에 속해있으며 설명리스트의 제목의 설명에 해당됩니다.
<em>	텍스트의 강조를 사용하는 태그입니다.
<fieldset>	내부 내용들의 그룹화 하여 묶는데 사용하는 태그입니다.
<form>	각종 내용들 인풋입력 박스를 전송할때 사용합니다.
<h1>~<h6>	html 에서의 제목을 정의하는데 사용합니다. 1번 순서부터 중요도로 사용하는 태그입니다.
<head>	html 문서의 헤드에 해당되는 부분입니다. 스크립트나 미리 읽어와야 될 부분들은 헤드에 미리 입력해 놓아 문서 로딩시작을 합니다.
<hr>	같은 페이지 내에 문서 주제가 많을 경우 구분선을 그어놓아 구분해 주는 태그입니다.
<i>	i 태그는 보통 일부 텍스트 1-2글자 또는 컨텐츠 이미지 등을 특정요소를 넣을때 사용합니다.
<iframe>	문서안에 또다른 문서를 넣을때 아이프레임을 사용합니다.
<img>	html 문서에 이미지를 넣을때 사용합니다.
<input>	인풋박스를 만들어 넣을때 사용합니다. 체크버튼이나 라디오버튼을 타입으로 지정하여 사용할 수 있습니다.
<label>	input에 대한 레이블을 정의해줍니다. 인풋 박스에 대한 버튼 요소에 텍스트 요소까지 더해 사용자가 편리하게 클릭하게끔 도와줍니다.
<li>	ul,ol 내부에 반복되는 리스트를 넣어 사용합니다.
<link>	head안에 보통 넣는것으로 문서와 외부 스타일 시트를 연결하는데 사용합니다.
<meta>	메타태그는 데이터에 관한 정보입니다. html에 포함되어있는 키워드나 설명등을 메타 데이터로 작성하여 검색엔진에 더욱 쉽게 노출될 수 있게끔 도와주는 태그입니다.
<p>	p 태그는 기본 단락을 정의합니다. 한 블럭 요소를 지정할때 p 태그를 사용하면 편리합니다.
<select>	셀렉트박스를 만들어 넣을때 사용합니다.
<script>	자바스크립트 태그로써 안에 스크립트를 넣어 페이지의 프로그래밍을 할때 사용합니다.
<span>	p 태그와는 다르게 인라인 요소를 그룹화 하는데 사용합니다.
<strong>	b 태그와 비슷하게 볼드 효과를 적용합니다. css사용에 따라서 텍스트 자체의 중요도나 다른 표현을 할때도 사용합니다.
<style>	스타일 시트를 html 문서 안에 넣어서 표현할때 사용합니다. html내부에 스타일문서를 넣기보다는 css파일링크로 작업하는것이 더욱 편리합니다.
<table>	테이블의 시작인 태그입니다.
<tbody>	테이블 내부 컨텐츠 영역태그입니다. html body와 같이 테이블 내부의 body영역에만 해당태그를 넣어주면 됩니다.
<td>	테이블 내부 각 셀 내용부분을 만들어줍니다.
<th>	내이블 내부 각 셀 제목부분을 만들어줍니다. 제목영역에만 th가 사용되므로 나머지 셀은 td로 내용을 넣으면 됩니다.
<textarea>	많은 양의 텍스트 약관등 한번에 표현이 많은 텍스트들을 해당영역안에 줄여서 스크롤로 보여줍니다.
<title>	html문서의 제목을 지정하는 태그입니다. 브라우저의 탭부분에 나타나는 제목입니다.
<tr>	테이블 내 셀 가로 영역에 해당하는 부분입니다. tr안에 th와 td가 들어가므로 항상 tr로 시작해서 tr로 끝나는 것을 잘 확인해야합니다. 한군데라도 태그를 잘못 넣으면 테이블은 바로 깨지거나 이상한 셀로 변경되니 주의하셔야합니다.
<video>	html문서 내부에서 비디오 파일을 재생하는 태그입니다.

html을 작성하다 보면 많은 태그와 많은 css로 인하여 잊어버리는 경우가 있습니다. 자주 쓰는것 이외에도 많은 태그들이 있지만 정작 사용하는 태그들은 정해져있으며 한정되어있으니 항상 잊지마시고 염두해 두시면 좋습니다.

이외에도 빠진 태그들이 몇몇 있으나 설명하기 애매한 부분들이 있어 내용을 넣지 않았습니다.

웹이라는 작업이 항상 자주쓰면 금방 익숙해지지만 조금이라도 소홀하게 되면 금방 변화되는것이 지금의 웹이라서 자주 잊지않고 해보아야 합니다.

저작자표시 비영리 변경금지

html tag 태그 리스트

댓글

티스토리툴바

html tag 태그 리스트

관련글

댓글

티스토리툴바