<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>시간표</title>
<style>
table{
border: 2px solid #d2d2d2;
border-collapse: collapse;
font-size: 0.9em;
}
th, td{
border: 1px solid #d2d2d2;
border-collapse: collapse;
}
th{
height: 5px;
}
td {
width: 75px;
height: 60px;
}
</style>
</head>
<body>
<table width=400 height="600" style="color: #121212">
<caption>▶ 강의 시간표 ◀</caption>
<tr width=19%>
<th></th>
<th>월</th>
<th>화</th>
<th>수</th>
<th>목</th>
<th>금</th>
</tr>
<tr>
<th>9</th>
<td></td>
<td rowspan="2" style="background-color: #ecc369">Practical English A2</td>
<td rowspan="2" style="background-color: #f08676">해부생리학2</td>
<td rowspan="2" style="background-color: #70a5e9">Practical English A4</td>
<td rowspan="2" style="background-color: #75ca87">다문화가족건강</td>
</tr>
<tr>
<th>10</th>
<td></td>
</tr>
<tr>
<th>11</th>
<td style="background-color: #f08676">해부생리학2</td>
<td></td>
<td></td>
<td></td>
<td rowspan="2" style="background-color: #d397ed">창조와 몰입</td>
</tr>
<tr>
<th>12</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>1</th>
<td></td>
<td rowspan="2" style="background-color: #a6c96f">삶과 철학</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>2</th>
<td></td>
<td rowspan="2" style="background-color: #7ad1c0">인간행동과심리</td>
<td></td>
<td></td>
</tr>
<tr>
<th>3</th>
<td></td>
<td></td>
<td rowspan="2" style="background-color: #fbaa69">문학의이해</td>
<td></td>
</tr>
<tr>
<th>4</th>
<td></td>
<td></td>
<td></td>
<td rowspan="3" style="background-color: #9d86e0">의료보건글쓰기</td>
</tr>
<tr>
<th>5</th>
<td></td>
<td></td>
<td></td>
<td rowspan="2" style="background-color: #f08676">노인심리학</td>
</tr>
<tr>
<th>6</th>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>index_이미지,오디오 사용 TAG 23:58分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이미지 사용</title>
</head>
<body style="background-color: yellow">
<!-- <img> : HTML 문서에 이미지를 추가하기 위한 태그
파일 형식 : GIF, JPG, PNG (GIF, PNG 는 투명색까지 지원됨)
주요 속성 : src(경로), alt(이미지가 안뜨면 대체로 뜨는 문구), title(이미지에 마우스를 갖다댔을 때 텍스트 박스 보여짐,
width/height, style, border
-->
<img src="aladin.jpg" width="400">
<br><br>
<img src="nothing.jpg" alt="이미지 없음"><!-- nothing.jpg라는 이미지 파일이 없는 경우 -->
<br><br>
<img src="aladin.jpg" width="400" title="쟈스민 공쥬~><">
<br><br>
<img alt="" src="http://placehold.it/300x200"><!-- 이미지 들어갈 위치에 가상의 이미지 추가해주는 링크 -->
<img alt="" src="http://placehold.it/200x200"><!-- 뒤에 사이즈 적어주면 됨 -->
<br>
<hr>
<!-- 이미지에 링크 걸기 img 태그를 a 태그로 감싸주면 됨 -->
<a href="https://www.w3.org/"><img alt="" src="HTML5_logo.png" width="300"></a>
<hr>
<!-- 이미지에 제목 달기 : figure, figcaption -->
<figure>
<figcaption style="text-align: center;">[그림1] 알라딘</figcaption>
<img alt="펭귄" src="aladin.jpg" width="500">
</figure>
<hr>
<!-- 상대 경로를 지정하여 이미지 폴더에서 가져오기 -->
<img alt="" src="images/sang.jpg" width="400">
</body>
</html>
HTML
https://kcasey.tistory.com/35 23:51分 01:31수
HTML tag 시간표 만들기