728x90
1. 표 만들기 요소 => table 요소
- 게시판을 만들 때 사용합니다. (평가에는 공지사항 게시판과 갤러리 게시판이 출제됩니다.)
1) 테이블에서 사용하는 용어
2) 테이블 만드는 방법
3) 테이블 관련 요소 작성방법
4) 테이블 테두리선 표시하기
- <head>요소 내부에 <style>요소를 사용하여 표시합니다.
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>테이블요소</title>
<style>
table, td { border: 1px solid #000; }
</style>
</head>
<body>
<h1>테이블 만들기</h1>
<table>
<tbody>
<tr>
<td><img src="images/gallery_Img1.jpg" alt="갤러리이미지1" width="90"></td>
<td><img src="images/gallery_Img2.jpg" alt="갤러리이미지2" width="90"></td>
<td><img src="images/gallery_Img3.jpg" alt="갤러리이미지3" width="90"></td>
</tr>
</tbody>
</body>
</html>
728x90
'Front-End > HTML5&CSS' 카테고리의 다른 글
| part06_HTML유효성검사 (0) | 2022.05.13 |
|---|---|
| part05_Semantic요소 (0) | 2022.05.13 |
| part04_Div요소 (0) | 2022.05.13 |
| part02_HTML요소 (0) | 2022.05.13 |
| part01_HTML기초&코드작성법 (0) | 2022.05.13 |
