HTML 기본 태그 - 본문 관련
앎/web 2014. 2. 13. 01:25 |- 태그 기본 형식
<태그명 속성="값" 속성="값" ...> ... </태그명>
- 태그 약식
<태그명 속성="값" 속성="값" .../>
- <body> 본문
속성 |
설명 |
background |
배경이미지 지정 (파일이름 or URL) |
bgcolor |
배경색 지정 (색상 or 색상코드), 기본은 흰색 |
text |
글꼴색 지정 (색상 or 색상코드), 기본은 검은색 |
link |
링크색 지장 (색상 or 색상코드) |
vlink |
방문했던 링크색 지정 (색상 or 색상코드) |
alink |
링크를 클릭하는 순간의 색상 지정 (색상 or 색상코드) |
- 주석
<!-- 내용 -->
- 영역 구분 태그
build-in entity 예약된 특정 값을 의미.
'&'와 ';' 사이에 예약할 단어를 기재한다.
' ' 는 한 칸 공백을 의미한다.
<br>
한 줄 개행을 표현
<p>
문단을 표현. align 속성으로 내용 부분의 위치를 변경할 수 있다.
left, center, right
<h1> ~ <h6>
헤드라인 글꼴 크기를 표현한다. 숫자가 작을 수록 폰트 크기가 크다.
<hr>
구분선을 표현
<font>
글꼴 지정. 속성은 face(글꼴), color, size
<b>, <strong>
글자를 굵게 표현하여 강조
<i>, <em>
글자를 기울임
<u>
밑줄
<s>
취소선
<sup>
윗 첨자
<sub>
아래 첨자
<address>
(집)주소 표현에 사용
<blockquote>
이 영역에 포함된 내용을 들여쓰기로 하나의 묶음처럼 표현
<pre>
이 영역의 모든 내용을 보이는 그대로 웹브라우저상에 표현
<xmp>
pre 태그와 같으나 차이점은 태그도 표현할 수 있다
<ol>
'ordered list'의 약자로 순서를 부여하여 표시한다. 목록의 항목은 <li> 태그를 사용한다.
속성 |
설명 |
type |
각 목록 앞에 붙는 표식을 지정한다. (I, i, A, a, 1) |
start |
시작 번호(숫자)를 지정한다. |
<ul>
unordered list 약자로 순번 없는 목록으로 정렬할 때 사용한다. 목록의 항목은 <li> 태그를 사용한다.
속성 |
설명 |
type |
각 목록 앞에 붙는 표식을 지정한다. (disc, circle, square). 기본값은 disc이다. |
<dl>
dictionary list의 약자. <ul> 태그와 비슷하게 순번 없는 목록으로 정렬할 때 사용한다.
항목은 <dt>태그를 사용하고, 항목 설명은 <dd> 태그를 사용한다.
※ <img>, <embed>, <bgsound>, <a> 태그는 웹의 리소스를 사용기 때문에 리소스의 경로를 지정해줘야 한다.
경로의 표현은 절대경로, 상대경로가 있다.
상대 경로는 HTML 파일이 있는 폴더를 기준으로 한다.
동일 폴더 : 파일이름.확장자
상위 폴더 : ../파일이름.확장자
하위 폴더 : 폴더이름/파일이름.확장자
절대 경로는 웹 경로를 의미한다. http://서버IP주소:8080/파일이름.확장자
'앎 > web' 카테고리의 다른 글
| HTML 기본 태그 - 표 관련 (0) | 2014.02.13 |
|---|---|
| HTML 기본 태그 - 이미지, 사운드, 링크 (0) | 2014.02.13 |
| HTML 기본 태그 - 문단 관련 (0) | 2014.02.13 |
| Apache Tomcat 소스 버전 사용 (0) | 2014.02.11 |
| Apache Tomcat 포트 변경 (0) | 2014.02.11 |