HTML 기초 - HTML정의, 기본 형식, HTML 페이지 구조

프로그래밍언어/HTML 2023. 4. 2. 12:23

HTML 이란?

Hyper Text Markup Language의 약자이다

HTML은 웹 페이지를 만들기 위한 표준 마크업 단어들이다

HTML은 웹 페이지의 구조를 설명해 준다

<!DOCTYPE html> 은 이 문서가 HTML5 문서임을 정의한다

<html> 은 HTML 페이지의 루트 요소이다

<head> 는 HTML 페이지에 대한 메타 정보가 포함되어 있다

<title> 는 HTML 페이지의 제목을 지정한다
(브라우저의 제목 표시줄이나 페이지의 탭에 표시됨)

<body> 는 문서의 본문을 정의하고 보이는 모든 내용을 담는다

<h1> 는 큰 제목을 말한다

<p> 는 단락을 말한다

위 사진은 HTML의 실행결과이고 페이지에 다음과 같이 표현이 된다

<태그 이름> 이곳에 입력하고 싶은 내용을 입력 </태그 이름>

HTML은 시작 태그, 입력학고싶은 내용, 종료 태그로 구성이 된다

<h1> HTML을 적어보자 </h1>

위의 HTML에서는 시작태그는 <h1> 이고 종료 태그는 </h1> 이다그리고 HTML을 적어보자 는 h1 태그의 형식에 맞춰 웹브라우저에 표현이 되는 내용이다

일부 HTML 요소에는 표현하고자 하는 내용이 없어서 ( contents ) 시작태그만 있는 경우가 있다가장 많이 쓰이는 <br> 태그는 시작태그는 있지만 내용과 종료 태그가 없다

위 사진은 HTML 페이지 구조이고 <body> 태그 안에 있는 흰색 부분이 웹 브라우저에 표시가 된다

<head> 태그 안에 있는 제목 요소의 내용(contents)은 브라우저의 제목 표시줄이나 페이지의 탭에 표시된다

w3schools - html 공부내용 정리

728x90

HTML 기초 - HTML + CSS, 배경색, 글자색, 글꼴, 크기, 정렬 (0)	2023.04.02
HTML 기초 - 단락, 줄 바꿈, 줄 변경 그대로 출력 (0)	2023.04.02
HTML 기초 - HTML 속성과 주의사항 (0)	2023.04.02
HTML 기초 - 제목, 단락, 링크, 이미지 태그 (0)	2023.04.02