반응형
프로필 페이지
기본적인 HTML 태그 몇 가지를 배웠으니, 간단한 프로필 페이지 정도는 만들 수 있겠죠? 가장 좋아하는 유명 인물을 소개하는 사이트를 만들어보세요!
아래의 순서대로 요소를 넣어주세요.
- title 태그에 인물 이름
- h1 태그에 인물 이름
- img 태그에 인물 사진 (인터넷에 올라와 있는 이미지)
- p 태그에 간단한 설명 (b 태그와 i 태그 하나씩 포함시켜주세요.)
- 이 인물과 연관 있는 사이트로의 링크 (a 태그) 한 개
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>곰자</title>
</head>
<body>
<h1>곰자</h1>
<img src="http://image.xportsnews.com/contents/images/upload/article/2021/0128/1611790582818753.jpg">
<p> <b>조승우</b> 배우님이 입양한 강아지 이름은 <i>곰자</i>입니다.</p>
<a href="https://www.chosun.com/entertainments/entertain_photo/2021/01/28/SK7LD5ZHUA2G7LN3B4BPPFDEUM/"></a>
</body>
</html>
본 내용은 Codeit의 '웹 퍼블리싱' 강의를
참고하여 작성한 내용입니다.
반응형
'Front-end > HTML&CSS' 카테고리의 다른 글
| [웹 퍼블리싱] 01. HTML/CSS 시작하기 (0) | 2021.02.04 |
|---|---|
| [웹 퍼블리싱] 01. HTML/CSS 시작하기 (0) | 2021.02.04 |
| [웹 퍼블리싱] 01. HTML/CSS 시작하기 (0) | 2021.02.04 |
| 색상과 배경 (0) | 2021.01.08 |
| 텍스트 관련 스타일 (0) | 2021.01.07 |