HTML - 태그 정리 (2)

HTML - 태그 정리 (2) 

<ul><li></li></ul>

ul태그는 부모태그, li태그는 자식태그로 부모는 반드시 자식을, 자식은 반드시 부모태그를 갖고있다. 여기서 ul li태그는 순서없는 목록을 만드는 태그이다. ul은 unordered list의 약어이다.

 

 

<ol><li></li></ol>

ol태그는 부모태그, li태그는 자식태그로 부모는 반드시 자식을, 자식은 반드시 부모태그를 갖고있다. 여기서 ol li태그는 순서있는 목록을 만드는 태그이다. ol은 ordered list의 약어이다.

 

 

<dl><dt></dt><dd></dd></dl>

dl태그는 정의리스트, dt태그는 항목, dd는 항목에 대한 설명할 때 사용하는 태그이다.

 

 

<a></a>

하이퍼링크 태그로 href속성으로 이동할 주소 또는 파일명을 지정해 지정한 주소 또는 파일로 이동시킨다. 하이퍼링크가 생기면 밑줄이 생기고 마우스 오버 했을 때 화살표 커서모양이 손가락 모양으로 바뀐다.

 

href="이동할 주소 또는 파일명" (지정한 주소로 이동) or a에 id값을 주고 href="#아이디값"으로 해당 id값의 a로 이동

target="_blank" (링크를 새로운 탭에서 띄움) or target="_self" (링크를 현재 창에서 띄움)

 

 

 

 

 

<img />

이미지, 그림을 삽입하는 태그이다.

 

src="그림 파일 경로와 파일명" (지정한 경로의 파일 삽입) ../ 는 한단계 상위폴더로 이동(상대경로)

width="너비크기", height="높이크기", alt="이미지를 못 불러 올 때 출력되는 문자", border="테두리크기"

 

 

 

<table><tr><th></th><td></td></tr></table> 

table태그는 표 형태의 데이터를 표시하는 데 사용한다. 테이블 하나의 행을 tr태그로 표시하며, tr태그 안의 데이터 (행 안의 열 데이터)는 td태그와 th태그로 표시한다. 여기서 th태그는 글자를 중앙정렬하고 진하게 표현한다.

 

<tr></tr> : 행 / <th></th> or <td></td> : 열 / <caption></caption> : 표테이블 제목 지정 시 사용

rowspan="합칠 행의 수", colspan="합칠 열의 수"

 

 

 

 

<video></video>

비디오를 재생할 때 사용하는 태그이다. 오디오는 audio태그를 사용하면 된다.

 

src="동영상 파일 경로와 파일명" (지정한 경로의 파일 삽입) ../ 는 한단계 상위폴더로 이동(상대경로)

width="너비크기", height="높이크기" controls(비디오 제어기 표시)

 

 

 

+그 외