실습문제 홀수번은 답지보고 해결했습니다.
실습문제 3장 2번에 그림 1-2와 그림 1-3을 넣어야 하는데, 잘 안되고요,
실습문제 4장 8번에 <img> 태그로 이미지를 출력하는 것과 액자 모양의 이미지 테두리를 만드는 것이 잘 안되요,
<실습문제 3장 2번 코드>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>웹 브라우저</title>
</head>
<body>
<h3>웹 브라우저 소개</h3>
<hr>
<figure id="1-2">
<figcaption></figcaption>
<table>
<tbody>
<tr>
<td>
<pre>브라우저라고 불리기도 하는<br> 웹 브라우저(Web Browser)<br>는, 사용자에게 웹 서버 컴퓨<br>터에 접속하고 웹 페이지, 이<br>미지, 동영상, 음악 등 다양한<br> 데이터 다운받아 보여주는<br> 소프트웨어이다. 그림1-2<br>는 대표적인 Chrome 웹 브<br>라우저를 보여준다.
</pre></td>
<td><img src="https://dbscthumb-phinf.pstatic.net/2474_000_1/20150907152005442_VBPP0LOUV.jpg/hb12_208_i1.jpg?type=w340_fst&wm=N"></td>
<small>그림 1-2 구글 Chrome</small>
</tr>
<tr>
<td><pre> 웹 페이지는 브라우저에 <br>HTML5 문서임을 알리기 위해<br> 그림 1-3과 같은 코드를<br> 첫 라인에 삽입하여야 한다.
<!doctype html>
</html>
...
</html>
</td>
</pre></td>
<td>
</td>
<small>그림 1-3 HTML5 문서 구성</small>
</tr>
</tbody>
</table>
</figure>
</body>
</html>
<실습문제 4장 8번 코드>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이미지 테두리 만들기</title>
<style>
p {
background : yellow;
width : 200px;
height : 60px;
padding : 5px;
border : 15px solid lightgray; /*border-width와 border-style 동시 지정 */
border-style="ridge"
}
</style>
</head>
<body>
<h3>이미지 테두리 만들기</h3>
<hr>
<p><img src="media/border.png" alt="원본 구별"></p>
</body>
</html>
이 코드들에서 잘못된 부분이 있는지 알려주세요.
