요소,문단,테이블

 

 

 

1) 요소의 종류와 특징

HTML을 사용할 때는 문법을 준수해야하며, 다음과 같은 요소의 성격을 잘 파악하고 있어야합니다.

 

 

※ 블록요소
*줄 바꿈 속성을 가짐
*기본 너비 속성이 100%
*블록 요소를 포함 못함 (예외 요소 있음)
*인라인 요소를 포함

<h1>,<p>,<adress>,<block-quote>,<ul>,<li>,<dl>,<dt>,<dd>,<div>

 

※ 인라인요소
*줄 바꿈 속성이 없음
*내용만큼 너비 유지
*너비와 높이 속성 사용못함
*블록 요소 포함 못함
<q>,<em>,<strong>,<abbr>,<ac-ronym>,<sup>,<sub>,<img>,<a>,<map>,<area>,<span>

 

※ 범용 요소
*블록 요소임에도 모든 요소를 포함함

<div>,<li>,<dd>

 

 

---

 

 

2) 문단 태그

문단 태그는 문서를 작성할 때 필요한 문단요소 입니다.

 

<h1>~<h6> : 제목요소, 숫자가 작을수록 큰 제목
<p> : 단락 구분 요소
<address> : 주소 태그, 주소를 작성할 때 사용
<hr> : 구분선 요소
<q> : 짧은 인용 문구 요소
<blockquite> : 긴 인용 문구 요소
<em> : 강조 요소
<strong> : 강한 강조 요소
<abbr> : 줄임말 요소 (앞글자 줄임)
<acronym> : 줄임말 요소 (모음, 자음 조합)
<sup> : 위 첨자 요소
<sub> : 아래 첨자 요소
<img> : 이미지 요소
<a> : 링크 요소
<map> : 맵 선언 요소
<area> : 맵 좌표 영역 설정 요소
<ul> : 비순차 목록
<ol> : 순차 목록
<li> : 목록요소
<dl> : 정의 목록
<dt> : 용어 표현 요소
<dd> : 용어 설명 요소
<div> : 범용 그룹화 요소
<span> : 인라인 그룹화 요소

 

 

---

 

 

3) 테이블 태그 속성

테이블 태그는 표를 표현하기 위한 요소 입니다.

 

<table>
설명 : 표의 시작과 종료
속성 :
    width="너비값"
    border="선두껫값"
    summart="테이블 요약 내용"
    cellspacing="셀 간격"

 

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

 

<th>
속성 :
    scope="col" (열제목일 경우)
    scope="row" (행제목일 경우)

 

<td>
속성 :
    row span="행 개수"
    col span="열 개수"

 

<caption>
설명 : 표 제목

 

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

 

<col>
설명 : 열 그룹 설정
속성 :
    width="열 너비"

 

<thead>
설명 : 표 머리 영역

 

<tbody>
설명 :표 본문 영역

 

<tfoot>
설명 : 표 바닥 영역