1. 목록 태그😉
1) 기본 목록 태그
ol태그는 정렬된 목록을 의미하고 ul태그는 정렬되지 않은 목록을 의미한다. 마지막으로 li태그는 목록의 요소를 의미한다.
(1) 사용 예시
2) 정의 목록 태그
정의 목록은 사전같은데서 흔히 볼수 있는 형태로 특정용어와 그 용어의 정의를 표현할 때 사용하는 태그이다. 간단하게 표로만 정리하겠다!
2. 테이블 태그 🤗
1) 테이블 태그와 테이블 요소 태그
테이블 태그는 HTML에서 표를 만들 때 사용하는 태그이다.
<body> <table> </table> </body>
일단 <body>태그 안에 <table>태그를 만들어 놓고 아래 표로 정리한 테이블 요소 태그를 사용 하면된다.
간단하게 tr은 행, td는 열, th는 제목으로 기억하면 편한것 같다.
tr : table row / th : table header / td : table data 를 의미한다.
2) 그 외 관련 속성 태그
table태그와 관련된 속성 태그를 추가로 알아보자!
border은 table태그의 속성이며 rowspan과 colspan은 th태그와 td태그의 속성이다. (높이와 너비로 생각하기 보단 열과 행 합치기로 기억하니깐 편한 것 같다.)
(1) 사용 예시
- 표 테두리 두께를 1로 설정한 3행 2열로 구성된 테이블이 출력 된 모습이다.
- 표 테두리 두께를 1로 설정하고 총 4행 3열로 구성된 표에 rowspan와 colspan사용으로 속성값을 넣어서 테이블을 출력한 모습이다.
개발자 꿈나무