HTML 기초
2025. 9. 2. 21:45ㆍ웹 기초/html
HTML
- 웹 문서를 만드는 언어
- Hyper Text Markup Language
- 재목, 텍스트 혹은 표를 구분하기 위해서 태그를 활용!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ssjjss</title>
</head>
<body>
<h1>hello</h1>
<caption>ssjjss</caption>
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
HTML 파일 구조
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>ssjjss</title>
</head>
<body>
<h1>ssjjss</h1>
<hr>
<p>ssu student</p>
<p>mt high school student</p>
<p>mt middle school student</p>
</body>
</html>- <!DOCTYPE html> : HTML5 언어로 작성한 웹 문서!
- <html>~</html> : 웹 문서의 시작과 끝.
- <head>~</head> : 웹 브라우저가 웹 문서를 해석하는 데 필요한 정보
- <body>~</body> : 웹 브라우저 화면에 나타나는 부분
<!DOCTYPE html>
HTML5 문서라고 알려주는 부분<html lang="ko"> ..... </html>
웹 문서의 시작과 끝을 보여줌
<html> 태그에서 lang 속성으로 문서에서 사용하는 언어를 지정가능. 위에서는 korea의 줄임말 ko를 사용.<meta charset="UTF-8">
제품의 비용 혹은 스펙처럼 웹 문서의 <meta> 태그도 비슷함
웹 문서에 관한 정보를 지정할 때 사용!
charset="UTF-8"을 활용하여서 글자를 표시할 때 UTF-8 형태로 표시할 것을 명시해 줌<title>ssjjss</title>
웹 페이지의 재목을 지정해 줌
'웹 기초 > html' 카테고리의 다른 글
| 폼 작성(2) (0) | 2025.09.08 |
|---|---|
| 폼 작성(1) (1) | 2025.09.08 |
| 적용(1) (0) | 2025.09.05 |
| 웹 문서 내용 입력(3) (0) | 2025.09.03 |
| 웹 문서 내용 입력(2) (0) | 2025.09.02 |