| # | 도전 과제 | 통과 |
|---|---|---|
| 1 | 텍스트와 이미지 | |
| 2 | 링크 만들기 | |
| 3 | 목록 만들기 | |
| 4 | 표 만들기 | |
| 5 | 입력 폼 만들기 |
02 HTML 기본태그
# HTML 기본태그
## 미션
---
HTML 기본태그 6가지를 연습하시오.
## 개념
---
#### ⭐ HTML의 역할
웹 문서를 만드는 언어. 이를 HTML이라 한다.
## 코드
---
#### ⭐ 텍스트 태그
글 작성을 위한 것들.
```
<h1>머릿글1</h1>
<h2>머릿글2</h2>
<p>단락으로 묶을 글자들...!</p>
```
#### ⭐ 미디어 태그
이미지, 오디오, 비디오 등을 표현.
```
<img src="이미지 주소" />
```
#### ⭐ 링크 태그
클릭 시, 다른 페이지로 이동케 함.
```
<a href="http://google.com">구글로 이동!</a>
```
#### ⭐ 리스트 태그
목록 생성 시 사용.
```
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ul>
```
#### ⭐ 테이블 태그
표를 만듦. 하나의 행은 tr 태그, 각 행의 데이터는 td 태그로 나타냄.
```
<table>
<tr>
<td>언어</td>
<td>역할</td>
</tr>
<tr>
<td>HTML</td>
<td>문서 내용을 작성</td>
</tr>
</table>
```
#### ⭐ 입력 태그
사용자의 입력을 받음.
```
작성자: <input type="text" />
질문 내용: <textarea></textarea>
```
## 결과
---
## 질문
---
- HTML의 역할은?
- HTML 기본태그의 종류?
- img 태그와 a태그 사용법?
Challenge
개념 실습! 학습 내용을 진짜 내 것으로 만들기!