*bgcolor 속성의 width 값을 70으로 설정해 색깔 칸이 넓어보일 수 있도록 구현했다!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>color</title>
</head>
<body>
<h1>
색 이름과 색 코드 샘플
</h1>
<hr>
<table border="1" width="450">
<tr>
<th>이름</th><th>코드</th><th>색</th>
<th>이름</th><th>코드</th><th>색</th>
</tr>
<tr>
<td>brown</td><td>#A52A2A</td><td bgcolor="brown" width="70"></td>
<td>deepskyblue</td><td>#00bfff</td><td bgcolor="deepskyblue" width="70"></td>
</tr>
<tr>
<td>blueviolet</td><td>#8a2be2</td><td bgcolor="blueviolet" width="70"></td>
<td>gold</td><td>#ffd700</td><td bgcolor="gold" width="70"></td>
</tr>
<tr>
<td>darkorange</td><td>#ff8c00</td><td bgcolor="darkorange" width="70"></td>
<td>olivedrab</td><td>#6b8e23</td><td bgcolor="olivedrab" width="70"></td>
</tr>
</table>
</body>
</html>
색 이름과 색 코드 샘플
| 이름 | 코드 | 색 | 이름 | 코드 | 색 |
|---|---|---|---|---|---|
| brown | #A52A2A | deepskyblue | #00bfff | ||
| blueviolet | #8a2be2 | gold | #ffd700 | ||
| darkorange | #ff8c00 | olivedrab | #6b8e23 |
'GURU > PYTHON & HTML' 카테고리의 다른 글
| [HTML day 6: CSS3 스타일 시트] CSS3 스타일 시트로 꾸민 웹페이지 (0) | 2022.01.22 |
|---|---|
| [HTML day 5: web form] 간단한 로그인 폼 만들기 (0) | 2022.01.19 |
| [HTML day 5: 시맨틱 태그] <details> 및 <summary> 태그 (0) | 2022.01.19 |
| [HTML day 5: 시맨틱 태그] 구조화된 HTML5 문서 작성 (0) | 2022.01.19 |
| [HTML day 4: 테이블 만들기] <table> (0) | 2022.01.18 |