본문 바로가기

computer

HTML 태그 - 2

■ 순서가 있는 목록
<OL>: 순서목록(Ordered List), 각 항목을 번호로 순서있는 형태로 정리
 <LI>항목1</LI> : List의 줄임말
 <LI>항목1</LI>
 <LI>항목1</LI>
 ....
</OL>

■ 순서가 없는 목록
<UL>: 순서목록(UnOrdered List), 각 항목을 순서가 없는 형태로 정리
 <LI>항목1</LI> : List의 줄임말
 <LI>항목1</LI>
 <LI>항목1</LI>
 ....
</UL>

■ 정의 목록
<DL>: 사전식목록(Definition List), 설명을 하는 목록을 만들때 사용
 <DT>제목</DT>: 제목"과"설명"부분을 나눠 실질적인 설명을 할때 유용
 <DD>설명</DD>
</DL>

■ 링크를 위한 <A>태그의 속성

  속성                                           속성값
 href  연결할 주소나 문서를 지정한다
예) <a href="http://achizzang.tistory.com">,<a href="main.html">
 name  특정 위치로 이동할 장소를 정한다
예) <a href="#main1">,<a href="main1">
 target  링크된 화면이 열리는 대상을 정한다
예) <a href="http://achizzang.tistory.com" target="_blank">

target 속성
_blank 새창을 띄어 보여준다
_parent 자신을 불렀던 원래 프레임에 보여준다
_self 현재창에 보여준다
_top 현재페이지를 무시하고 전체 페이지에 보여준다.

■ 이미지태그

         속성                                      속성값
 SRC  이미지 파일의 경로를 지정한다
예) <IMG src="img1.jpg">
 ALT  마우스를 올렸을때 설명글이 나타난다
예) <IMG src="img1.jpg" alt="그림설명">
 ALIGN  이미지의 정렬을 지정한다
예) <IMG src="img1.jpg" align="left">
 BORDER  이미지 테두리 선두께를 지정한다
예) <IMG src="img1.jpg" border="1">
 WIDTH/HEIGHT  이미지의 가로/세로 길이를 지정한다
예) <IMG src="img1.jpg" width="200" height="100">
 HSPACE/VSPACE  이미지의 좌우/상하의 여백을 지정한다
예) <IMG src="img1.jpg" hspace="10" vspace="10">

■ 멀티미디어 태그
<a href="http://achizzang.tistory.com" target="_blank"><img src="img1.jpg" border="0"></a>

'computer' 카테고리의 다른 글

HTML 태그 - 4  (0) 2009.10.08
HTML 태그 - 3  (0) 2009.10.08
HTML 태그 - 1  (0) 2009.10.07
스케치업 (sketchup)  (2) 2009.09.12
[엑셀] 통계 분석하는 함수  (0) 2009.09.07