<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="text-align: center;">
<h3>화성 성곽 순례</h3>
<figure>
<img src="../images/castle.jpg" alt="castle" title="castle" width="300" height="200">
<figcaption>화성 성곽 둘레길</figcaption>
</figure>
</body>
</html><figure> 태그는 그림을 감싸고 <figcaption>으로 그림의 이름을 적어 넣을 수 있다.
<body> 태그 안에 전체 화면의 설정을 따로 해줄 수 있다.
text-align : 글자 및 이미지 위치(left, right, center 등등)
728x90
반응형
'HTML > HTML 기초' 카테고리의 다른 글
| [HTML] <a>태그를 활용하여 페이지 이동하기 (0) | 2020.07.27 |
|---|---|
| [HTML] 링크삽입 태그 (<a> 태그) (0) | 2020.07.27 |
| [HTML] 이미지 태그 실습 - 1 (0) | 2020.07.27 |
| [HTML] dl 실습 (0) | 2020.07.27 |
| [HTML] 리스트 실습 (0) | 2020.07.23 |
