통조림

HTML(0) - What is HTML? 본문

Software/Web

HTML(0) - What is HTML?

고랭지참치 2020. 12. 1. 02:20

HTML = Hyper Text Markup Language

> >> Hypertext 기능을 가진 문서를 만드는 언어

메모장과 워드패드와 같은 기본 구성 에디터에서도 작성이 가능하다. 확장자는 .html

 

html document는 아래와 같은 구성에서 시작된다.

 

<!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 페이지의 가장 기초 elemenet
<head>    // html 페이지의 메타정보를 포함하고 있는 element
<title>Page Title</title>    // html 페이지의 제목을 정하는 코드, 브라우저의 타이틀바와 페이지의 탭에서 보여진다.
<body>    // 페이지에서 보여지는 모든 컨텐츠를 포함하는 페이지의 몸체
<h1>My First Heading</h1>    //가장 큰 large heading을 의미하는 element
<p>My first paragraph.</p>    // paragraph를 표시하는 element

 

 

<h1> element는 내 문서에서 표시되는 데이터의 중요도를 표시하는 역할을 한다.

<h1> ~ <h6>까지 있으며 6로 내려갈수록 표시되는 데이터의 크기도 작아진다.

 

하지만 크기를 키우거나 줄이는 용도로 <h>코드를 사용해서는 안된다.   

<< html은 정보 전달의 역할을 수행하기 때문에 가독성, 디자인과 같은 목적은 CSS를 통해서 수행하도록 하자.

 

<a href = " "> </a> element는 html의 hypertext라는 의미를 부여하는 링크 개념이다.

<a href="https://hightuna.tistory.com/">This is my blog</a>

href ="주소" 로 적은 부분으로 사용자가 이동할 수 있게 돕는다.

저작자표시 비영리 변경금지