- HTML(HyperText Markup Language)
- : 웹 페이지 제작에 가장 기본적으로 사용되는 마크업 언어 HTML5 .html 또는 .htm 확장자
HTML 문서 기본 구조
<!DOCTYPE html> -- 1. 문서 유형에 대한 브라우저의 정보.
html의 가장 최신 버전 html5 형식 사용한다고 알려줌.
<html>
<head> -- 2. 페이지 정보 제공. 페이지에 표시 되지 않는다.
<meta charset='utf-8'> -- 3. 메타데이터 알려주는 태그.
문서에 허용되는 문자를 표시.
(utf-8 : 전세계적인 문자집합. 많은 언어 포함됨)
<title>HTML기본 구조</title> -- 4. HTML 문서 제목을 표현. 웹페이지 상단에 타이틀 생성됨.
</head>
<body> -- 5. HTML문서. 웹 브라우저에 출력되는 부분.
</body>
</html>
웹페이지는 HTML 문서이므로 메모장 등 편집기로 제작 가능.(홈페이지는 하나 이상의 웹페이지로 구성)
📌
<!DOCTYPE html> <!-- html5 형식으로 html -->
<html>
<head>
<meta charset="UTF-8">
<title>에인젤 피시</title>
<style type="text/css">
body {
color :red;
}
</style>
</head>
<body>
<h3>에인젤 피시</h3>
<p>서태평양에서 사는 열대어로 깊이 5~30m의 얕은 산호 지대에서 서식하며
길들이기도 쉬워 수족관에서 많이 키웁니다.
파란색과 노란색으로 이루어진 색상이 화려해 일명 황제 물고기라고 불립니다.</p>
<img src='fish.jpg'>
</body>
</html>
'수업(국비지원) > HTML, CSS' 카테고리의 다른 글
| [HTML/CSS] CSS 적용 (0) | 2023.04.17 |
|---|---|
| [HTML/CSS] HTML의 기본 구조 - 테이블 삽입하기 (0) | 2023.04.17 |
| [HTML/CSS] HTML의 기본 구조 - 오디오,비디오 삽입하기, 링크걸기 (0) | 2023.04.17 |
| [HTML/CSS] HTML의 기본 구조 - 이미지 삽입하기 (0) | 2023.04.17 |
| [HTML/CSS] HTML의 기본 구조 - HTML 태그 (0) | 2023.04.17 |
