유명 인물을 소개하는 간단한 사이트를 만들어보기

앞에서 배운 내용들을 가지고 응용해서? 유명인물을 소개하는 사이트를 만들어 보겠습니다.

* 조건

title 태그에 인물 이름
h1 태그에 인물 이름
img 태그에 인물 사진 (인터넷에 올라와 있는 이미지)
p 태그에 간단한 설명 (b 태그와 i 태그 하나씩 포함시켜주세요.)
이 인물과 연관 있는 사이트로의 링크 (a 태그) 한개

<작성한 코드>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  <title> 레이첼 맥아담스 </title>
</head>
<body>
<h1>레이첼 맥아담스</h1>
<img src="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F257BAA4E5752C32C1D" width="300px">
<p> 어바웃 타임 여주인공인 <i>'레이첼 맥아담스'</i> 입니다.</p>
<a href="https://movie.daum.net/moviedb/main?movieId=70829">영화- 어바웃 타임 사이트 </a>
</body>
</html>

<출력 결과>

'HTML + CSS 시리즈🕸 > HTML & CSS 시리즈(V 1.0)' 카테고리의 다른 글

ID ? 사용법 뭐야~ \| HTML & CSS 시리즈 012 (2)	2021.07.23
클래스(CLASS) 를 알고 싶다면? \| HTML & CSS 시리즈 011 (2)	2021.07.23
이미지 넣기 \| HTML & CSS 시리즈 009 (2)	2021.07.22
링크 !! very important! \| HTML & CSS 시리즈 008 (0)	2021.07.22
옵셔널 태그 이건 또 뭐야? \| HTML & CSS 시리즈 007 (5)	2021.07.22

couch coding

유명 인물을 소개하는 간단한 사이트를 만들어보기 | HTML & CSS 시리즈 010

'HTML + CSS 시리즈🕸 > HTML & CSS 시리즈(V 1.0)' 카테고리의 다른 글

티스토리툴바

유명 인물을 소개하는 간단한 사이트를 만들어보기 | HTML & CSS 시리즈 010

'HTML + CSS 시리즈🕸 > HTML & CSS 시리즈(V 1.0)' 카테고리의 다른 글

관련글

티스토리툴바