HTML 태그 요약

HTML 에는 수 많은 태그들이 있지만 그 중에서도 자주 쓰는 것들

종류	설명
<h1>~<h6>	제목 요소 / 숫자가 작을수록 큰 제목
<img>	이미지
<p>	단락 구분
<a>	링크
<address>	주소
<map>	맵 좌표 영역 설정
<hr>	구분선
<ul>	순서가 없는 목록 선언
<ol>	순서가 있는 목록 선언
<blockquote>	긴 인용 문구 요소
<li>	목록
<strong>	강한 강조(객관적)
<span>	인라인 요소 그룹화

 

<table> : 표의 시작과 종료

속성 : width = "너빗값"(표 너비) / border="선 두껫값"(선 두께) / summary="테이블 요약 내용"(테이블 요약 내용) / cellspacing="셀 간격"(셀과 셀의 간격)

<tr> : 한 행의 시작과 종료

<tr> : 제목 열

속성 : scope="col" (열 제목) / scope="row"(행 제목)

<td> : 데이터 열

속성 : rowspan="행 개수"(행 합치기) / colspan="열 개수"(열 합치기)

<caption> : 표 제목

<colgroup> : 열 그룹 시작과 종료

<col> : 열 그룹 설정

속성 : width="열 너비"

<thead> : 표 머리 영역(셀 제목 영역)

<tbody> : 표 본문 영역(데이터 영역)

<tfoot>  : 표 바닥 영역(통계, 합계 등)

<form> : 입력 양식 영역(전송역할)

속성 : name(폼 이름) / method(전송 방식  : get \ post) / action(입력값을 전송할 페이지)

<fieldset> : 입력 요소 그룹화

<legend> : 그룹 제목

<input> : 입력 요소

속성(type) : text(한 줄 글상자) / password(비밀번호) / checkbox(체크 박스) / radio(라디오 박스) / submit(확인 버튼,전송기능) / reset(취소 버튼) / image(이미지 버튼,전송기능) / file(파일 첨부) / button(범용 버튼) / hidden(화면 표시 안됨, 숨긴 값을 전송)

속성 : value(입력값) / name(요소 이름) / id(요소 아이디)

<label> : 입력 요소 제목

속성 : for(입력 요소 아이디와 일치해야한다)

<textarea> : 여러 줄 텍스트박스

속성 : rows(지정 행만큼 높이) / cols(지정 열만큼 너비)

<select> : 선택 상자

<option>: 선택 상자 옵션

속성 : value(옵션값)