반응형
<DL> 태그
용어 목록을 지정할때 사용하며, 홈페이지를 좀더 시각적으로 보여주고자 할때 필요하다. 이것은 목록을 나타낼 수 있는 계층적인 구조에 사용해야 한다.
<DIR> 태그
<DL> 태그와 비슷한 역할을 하는것으로 목록을 정의할때 사용한다. 차이점이 잇다면 DL태그가 용어목록을 정의해주는반면 DIR태그는 디렉토리의 목록을 정의한다.
<MENU> 태그
메뉴의 목록을 정의할때 사용하는 태그로 들여쓰기를 할때 약 5칸 정도 띄어서 상위 메뉴와 하위 메뉴에 간격을 준다.
<HR> 태그
선을 그려서 위와 아래의 구분을 주고자 할대 사용한다.
<IMG> 태그
홈페이지 안에 이미지를 삽입하기 위해서는 IMG 태그를 사용한다. 이미지를 삽입하기 위한 파일의 형식은 GIF, JPG, BMP 등이 있다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!--dl 태그--> <dl> <dt><h2>HTML</h2></dt> <dd>Hyper Text MarkUp Language의 약자</dd> <p> <dt><h2>DL</h2></dt> <dd>Definition List의 약자</dd> </dl> <p> <!--dir 태그--> <h2>과목</h2> <dir> <li>국어</li> <li>영어</li> <li>수학</li> <li>과학</li> <li>음악</li> </dir> <p> <!-- menu 태그--> <h3> <menu> <li>경기도</li> <li>충청도</li> <li>경상도</li> <li>전라도</li> </menu> </h3> <p> <!-- hr 태그--> <hr width="100" align="center"> 선의 길이를 100픽셀로 지정 <p> <hr width="30%" align="center"> 화면 전체 크기를 기준으로 30%만큼 지정 <p> <p> <!-- img 태그--> <img src="~~.gif" align="right" alt="이미지 설명"> 오른쪽첨부 </body> </html> | cs |
반응형
'이전 게시글 > 컴퓨터#웹 HTML' 카테고리의 다른 글
| HTML <textarea> 태그 긴 글 텍스트박스 기능 (0) | 2016.02.17 |
|---|---|
| [HTML] 문서연결하기 <script> document, function 간단예제 (0) | 2016.02.13 |
| 문자를 나타내는 태그 HTML 물리적스타일/논리적스타일 (0) | 2016.02.13 |
| HTML select option(select box)에서 값 가져오기 (1) | 2016.02.11 |
| [HTML] ＆nbsp; ＆amp; ＆lt; ＆gt; ＆quot; 뜻 (0) | 2016.02.07 |
