본문 바로가기

학습/HTML

[HTML]리스트, 테이블, 멀티미디어 태그

1. 리스트
ol ordered list
순서가 있는 리스트

ul unordered list
순서가 없는 리스트

li list item
리스트 아이템

 

리스트 스타일링
type 속성을 사용할 수 잇다.
type ="a"
a. b. c.
type ="A"
A. B. C
type ="1"
1. 2. 3. 4.
type ="i"
i. ii. iii. 
등등

css 사용 가능
list-style:
disc, decimal, hangul, none 등등


2. 테이블 태그
<table></table>
테이블 태그

<tr></tr>
테이블 로우

<td></td>
테이블 셀

<thead></thead>
<tmain></tmain>
<tfoot></tfoot>

<th></th>
table header
제목내용을 적는 셀

테이블 꾸미기

border를 넣어준다

셀 사이 공간 없애기
table {
  border-collaps: collaps;
}

셀 사이 공간 늘리기
table {
  border-spacing : 크기px;
}

 

3. 멀티미디어 태그
이미지 태그 속성
src = "주소"
alt = "이미지 정보 텍스트"

비디오 태그 속성
크롬에서는 muted를 해야 autoplay가 된다.
autoplay 자동재생
muted 음소거
controls 컨트롤 창

오디오 태그 속성
크롬에서는 muted를 해야 autoplay가 된다.
autoplay 자동재생
muted 음소거
controls 컨트롤 창

iframe 태그
다른 html 문서를 보여주는 태그
너비 높이 지정가능

'학습 > HTML' 카테고리의 다른 글

[HTML]시맨틱 태그(Semantic Tag)  (0) 2023.10.18
[HTML]폼 태그  (0) 2023.10.18
[HTML]링크  (2) 2023.10.18
[HTML]HTML 기본 정리 - 1  (2) 2023.10.17