반응형
Q>
이미지를 사용하지 않고 HTML5와 CSS3만을 사용하여 작성하시오.
A>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table {
border-spacing: 1px 2rem;
}
td {
padding: 30px;
}
td.td1 {
border-right: 1px solid gray;
color: red;
font-size: 50px;
}
td.td2 {
font-weight: lighter;
font-size: 50px;
color: blue;
}
</style>
</head>
<body>
<table>
<tr>
<td class="td1"><strong>1.</strong></td>
<td class="td2"><i><strong>HTML5</strong></i>로 문서의 내용을 정의한다.</td>
</tr>
<tr>
<td class="td1"><strong>2.</strong></td>
<td class="td2"><i><strong>CSS3</strong></i>로 문서의 스타일을 정의한다.</td>
</tr>
<tr>
<td class="td1"><strong>3.</strong></td>
<td class="td2"><i><strong>Javascript</strong></i>로 문서의 동작을 정의한다.</td>
</tr>
</table>
</body>
</html>
R>
 |
|
반응형
'Python_WEB > HTML' 카테고리의 다른 글
| [Ch5]CSS 박스 모델과 응용 연습문제 4 (0) | 2020.11.15 |
|---|---|
| [Ch5]CSS 박스 모델과 응용 연습문제 3 (0) | 2020.11.15 |
| [Ch5]CSS 박스 모델과 응용 연습문제 1 (0) | 2020.11.14 |
| [Ch4]CSS3 스타일 시트 기초 연습문제 5 (0) | 2020.11.09 |
| [Ch4]CSS3 스타일 시트 기초 연습문제 4 (0) | 2020.11.09 |
