728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>0_practice</title>
</head>
<body>
<table>
<caption>caption</caption> <!-- 테이블 안에 달아도 글씨는 이미지 하단에 뜸 -->
<figure> figure
<img src="sample/image/city1.png" alt="city1 picture"
width="=400px" height="250px"> <!-- html과 동일 선상의 위치의 폴더 하위에 존재할 경우 / 붙이기x -->
<figcaption>figcaption1</figcaption>
</figure>
</table>
<figcaption>figcaption2</figcaption>
<caption>caption</caption>
<br><hr><br>
<!-- 보더 지정X -->
<table> <!-- 보더 지정안하면 테두리가 없어 표처럼 안보임 -->
<thead> table태그 border 지정X
<tr>
<td>1</td>
<td>12/td>
</tr>
</thead>
<tfoot>
<tr>
<td>3</td>
<td>4</td>
</tr>
</tfoot>
</table>
<!-- 보더 지정 -->
<table border="1" style="border-color: red; border-style: double;">
<thead> table태그 border 지정o
<tr>
<td>1</td>
<td>2</td>
</tr>
</thead>
<tfoot>
<tr>
<td>3</td>
<td>4</td>
</tr>
</tfoot>
</table>
</body>
</html>
728x90
반응형
'small steps > 1일 1코딩 - 코딩을 내 몸처럼' 카테고리의 다른 글
| [1일1코딩][SQL][ORACLE] 계정 생성 및 권한부여 (0) | 2022.04.05 |
|---|---|
| [1일1코딩][HTML] <img> <map> <area> <audio> <video> <a href=> (0) | 2022.04.04 |
| [1일1코딩][HTML] 속성 type=" " (0) | 2022.04.02 |
| [1일1코딩][SQL][Oracle] SELECT, FUCTION, GROUP BY, HAVING, JOIN 100제 문제 풀이 (0) | 2022.04.01 |
| [1일1코딩][Java-SQL][JDBC] Statement & prepareStatement 차이 (0) | 2022.03.31 |