[001] HTML - 자주 사용하는 태그 설명

안녕하세요~ totally 개발자입니다.

 

오늘은 자주 사용하는 HTML의 태그들을 살펴보도록 하겠습니다.

 

태그명	사용 목적	참고 사항
<a>	하이퍼링크 지정	target="_blank" 속성을 사용하여 새 탭에서 열 수 있는 옵션을 지정 가능
<button>	버튼 만들기	onclick 등의 속성 사용하여 함수 지정 가능
<div>	문서의 섹션을 지정 (컨테이너 공간을 만든다고 생각하시면 됩니다)
<img>	이미지 삽입	alt 속성을 사용하여 이미지가 출력되지 않을 때 대체 텍스트로 표시 가능합니다.
<li>	리스트 아이템 생성	<ol> 또는 <ul>로 감싸줍니다.
<nav>	네비게이션(메뉴) 링크
<ol>	Ordered List의 약자(순서 리스트)
<ul>	Unordered List의 약자(순서 미지정 리스트)
<script>	Client-side 스크립트를 지정
<span>	문서의 섹션을 지정	div는 박스 컨테이너 개념, span은 문장 단위 개념으로 보시면 됩니다.
<style>	Document의 스타일 지정
<table>	테이블 삽입
<thead>	테이블 Header Group
<th>	테이블 Header Cell
<tbody>	테이블 Body Group
<tr>	테이블 행(Row)
<td>	테이블 Cell
<p>	Paragraph(문단) 지정
<i>	이탤릭(Italic)체 지정
<input>	사용자 입력 지정	type 속성을 통해 text, number 등 입력하는 값 필터링을 해줄 수 있습니다.
<h1> ~ <h6>	Heading 지정	<h1>부터 <h6>까지 사용 가능하며 사이즈 크기 순입니다.
<form>	Form 입력 지정	input과 같이 사용됩니다.