프로그래밍언어/HTML

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

잉카콜라 2023. 4. 2. 12:23

HTML 이란?

Hyper Text Markup Language의 약자이다

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

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

 

 

HTML 기초 형식

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

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

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

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

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

<h1>  는 큰 제목을 말한다

<p>  는 단락을 말한다

 

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

 

 

HTML의 구성요소와 페이지구조

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

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

 

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

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

 

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

 

w3schools - html

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

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

 

 

 

 

w3schools - html 공부내용 정리

 

728x90