728x90
< 표 만들기 >
목록 생성 태그 : ol, ul, li
ol : ordered list
ul : unordered list
li : list
표 생성 태그 : table
table만 가지고 표가 생성되지는 않는다
tr,td가 부수적으로 필요
table : 표 생성 태그
tr : 행 생성 태그
td : 한 행에 셀 생성 태그
테이블의 구성 요소(태그)
1. <table> : 테이블을 만드는 태그
2. <th> : 테이블의 헤더 부분을 만드는 태그
3. <tr> : 테이블의 행을 만드는 태그
4. <td> : 테이블의 열을 만드는 태그
5. <caption> : 테이블 이름 표시
6. <thead> : 테이블의 헤더 영역 지정(컴퓨터한테 구조 알려줌)
7. <hbody> : 테이블의 바디 영역 지정(컴퓨터한테 구조 알려줌)
테이블 디자인 변경(속성)
1. border : 테이블의 테두리
2. bordercolor : 테이블의 테두리 색상
3. width : 테이블 가로 크기
4. height : 테이블 세로 크기
5. align : 정렬
6. bgcolor : 배경색
7. colspan : 가로 병합(열 병합)
8. rowspan : 세로 병합(행 병합)
HTML5에서 <figure>태그는 삽화나 다이어그램, 사진 등과 같이 문서의 주요 흐름과는
독립적인 콘텐츠를 정의할 때 사용
<figure>요소의 콘텐츠는 문서의 내용과 연관성을 갖지만,
해당 콘텐츠의 위치가 문서의 주요 흐름과는 독립적이기 때문에 제거해도 문서의 흐름에 영향을 주면 안 됨.
728x90
반응형
'웹 관련 > HTML & CSS' 카테고리의 다른 글
| [CSS] placeholder 주의할 점(feat.placeholder가 안먹힐 때) (0) | 2022.06.22 |
|---|---|
| [CSS] 부모 상속 무효화 :not() selector (0) | 2022.05.22 |
| [CSS] padding,margin 속성값 & padding 적용 차이 (0) | 2022.05.22 |
| [HTML] <div>와 <span> (feat.block & inline element 구분) (0) | 2022.04.24 |
| [HTML] 시맨틱(Semantic) 태그 (0) | 2022.04.24 |