HTML - 1

태그 없이 사용하면 욕먹음

<h1> ~ <h6> : 타이틀 (h1 > h4 로 넘어가면 X, 순차적으로 사용해야함)

<P>: 기본폰트 (16px, h4이하보다 작아짐)

<br>: 한줄 내리기

<B>: 폰트볼드처리

<ul>: 글의 순서 ●, ([실무에서 사용 90%)

<ol>: 글의 순서 1., ([실무에서 사용 10%)

<table>: 표 만들기 시작

<caption> : 표의 제목

<tr>: 표의 가로행

<th>: 행이나 열의 제목 넣을때 사용 (기본적으로 볼드체)

<td>: 표의 내용

<thead>: 표의 제목을 그룹화

<tbody>: 표의 본문을 그룹화

<tfoot>: 표의 합계 부분을 그룹화

rowspan: 세로행 합치기 colspan: 가로행 합치기

순서

<table> <caption> <tr> <th> <tr> <td>: 일반적인 순서

<table> <caption> <thead> <tr> <th> <tbody> <tr> <td> <tfoot> <tr> <td>: 제목, 본문, 합계 그룹화시킨 순서

<table> <caption> <thead> <tr> <th> <tbody> <tr> <td rowspan=X>: 제목, 본문(세로행 합친) 그룹화시킨 순서

웹 접근성에서 제목 태그( ~ )는 단순히 글자 크기를 조절하는 도구가 아니라, 문서의 **'내용 요약'**과 **'위계질서'**를 나타내는 설계도와 같습니다.스크린 리더 사용자가 웹사이트의 구조를 빠

lshjju.tistory.com

Table tag and property

표는 단순히 선을 긋는 것이 아니라, 행(Row)과 열(Column)의 관계를 명확히 정의하여 복잡한 데이터를 한눈에 보여주는 도구입니다.1. 테이블의 기본 구조 태그표를 만들 때는 바깥에서 안쪽으로

lshjju.tistory.com

땅굴