HTML 알아보기
HTML 무엇인가?
- HTML은 'Hyper Text Markup Language'의 약어입니다.
- HTML은 웹 페이지를 만들기 위해 규약된 표준 언어입니다.
- HTML은 웹 페이지의 구조를 설명합니다.
- HTML은 'Element'(으)로 구성됩니다.
Element 무엇인가?
- 'Element'(은)는 웹 브라우저를 구성하는 모든 요소를 말합니다.
- 'Element'(은)는 시작 태그, 내용 그리고 끝 태그로 정의합니다.
<tagname> Contents.. </tagname>
HTML 문서 소개
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>- <!DOCTYPE html> : 문서가 html5 문서임을 선언합니다.
- <html> : HTML Page의 제목을 지정합니다. (브라우저의 제목 표시줄 또는 페이지의 탭에 표시됩니다.)
- <head> : HTML Page에 대한 Meta 정보를 포함합니다.
- <body> : HTML Page 본문의 모든 컨텐츠를 정의합니다. (표제, 단락, 이미지, 하이퍼링크, 표, 목록 등)
- <h1> : 큰 제목을 정의합니다.
- <p> : 단락을 정의합니다.
실습 예제
실습 예제는 간단히 구현하였습니다.
프로그램의 시작인 "Hello World !"를 제목으로 표시하고, 단락에 원하는 데이터를 입력하여 실행하였습니다.
메모장을 열어 한번 도전해보시죠 😊
목표 1. HTML5 문서 생성
목표 2. CONTENTS 입력
※ 확장자명을 .html로 저장 시 html 문서가 생성됩니다.
참고 문헌.
https://www.w3schools.com/html/html_intro.asp
Introduction to HTML
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
http://tcpschool.com/html/html5_intro_intro
코딩교육 티씨피스쿨
4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등
tcpschool.com
'..front-end > HTML5' 카테고리의 다른 글
| 006. HTML5 Elements - 공통 속성(Global Attributes) (0) | 2021.12.21 |
|---|---|
| 005. HTML5 Elements - 표(Table) (0) | 2021.12.20 |
| 004. HTML5 Elements - 목록(List) (0) | 2021.12.19 |
| 003. HTML5 Elements - 서식(Formatting) (0) | 2021.12.18 |
| 002. HTML5 Elements - 기본(Basic) (0) | 2021.12.17 |
댓글