반응형
기본적인 HTML 태그 몇 가지를 배웠으니, 간단한 프로필 페이지 정도는 만들 수 있겠죠? 가장 좋아하는 유명 인물을 소개하는 사이트를 만들어보세요!
아래의 순서대로 요소를 넣어주세요:
- title 태그에 인물 이름
- h1 태그에 인물 이름
- img 태그에 인물 사진 (인터넷에 올라와 있는 이미지)
- p 태그에 간단한 설명 (b 태그와 i 태그 하나씩 포함시켜주세요.)
- 이 인물과 연관 있는 사이트로의 링크 (a 태그) 한 개
셀프채점
다음 항목들이 제대로 페이지에서 구현이 되었나요?
<title>, <h1>, <img>, <p>, <b>, <i>, <a> 태그가 모두 사용되었다.
<h1>, <img>, <p>, <b>, <i>, <a> 태그가 모두 <body> 태그와 </body> 태그 사이에 들어가 있다.
문제에 제시한 대로 태그에 내용이 잘 들어가 있다. <title> 태그 → 인물 이름 <h1> 태그 → 인물 이름 <img> 태그 → 인물 사진 (인터넷에 올라와 있는 이미지) <p> 태그 → 인물에 대한 간단한 설명 <a> 태그 → 인물과 연관 있는 사이트로 이동
<img> 태그를 사용하여 원하고자 하는 이미지가 잘 출력된다.
<p> 태그 내부에 <b> 태그를 이용한 굵은 글씨와 <i> 태그를 이용한 이탤릭체가 나타난다.
<a> 태그를 이용해서 인물과 연관 있는 사이트로 접속할 수 있다.
728x90
반응형
'교육 > [Codeit]웹 퍼블리싱' 카테고리의 다른 글
| 클래스(class)와 아이디(id) (0) | 2020.12.06 |
|---|---|
| 클래스 (0) | 2020.12.01 |
| 이미지 (0) | 2020.11.27 |
| 링크 (0) | 2020.11.27 |
| <html><head><body> 태그 (0) | 2020.11.27 |