본문 바로가기

HTML

HTML(Hyper Text Markup Language)이란

728x90

HTML _?

페이지를 제작하기 위한 표준 마크업 언어(the standard markup language)이다. 

웹페이지의 구조(structure) 정의한다. 

HTML 요소(a series of elements) 이루어져있는데, 요소들은 브라우저에게 컨텐츠를 어떻게 보여줄 것인가를 나타낸다.

 

 

간단한 HTML

여기서 html:5를 선택하면 자동으로 html5구조를 입력해 준다.
h1, p 태그는 본인이 입력한 내용이고 나머지 태그들은  vs코드에서 기본적으로 입력해준 내용이다.

<!DOCTYPE html> 

  이 문서가 HTML5문서라는 것이라고 선언하는 것이다.

 

<html lang="en>요소는 HTML 페이지의 루트 요소이다.

  실제 문서의 정보와 내용이 시작되고 끝나는 것을 표시하는 요소이다.

  뒤의 lang 요소 안에서 사용할 언어의 종류를 명시하는것이고, 여기에서는 영어(en) 되어있다.

 

<head>

  HTML 관한 메타정보를 포함하고 있다.브라우저에는 표시되지 않는다.

 문서의 제목(title)이나, 문서 정보(meta), 외부파일의 참조(script), 스타일(style)등을 포함한다.

    <meta> 문서의 정보를 표시한다. 

      여기서 charset=utf-8이라는 것은 문자 인코딩을 uft-8방식으로 한다는 의미인데, 이와 관련해서는 추후 자세히 정리하려고한다. 

    <title> 문서의 제목을 표시한다. 브라우저의 탭에 제목이 표시된다. 

 

<body>

  실제로 우리가 보는 브라우저에 표시되는 모든 내용을 여기에 작성한다.

    <h1> 제목을 표시하는 요소. 중요도에 따라서 h1, h2, h3.. h6까지 있다.

      h뒤의 숫자가 커질 수록 페이지에 표시되는 글자 크기는 작아진다. 

    <p> 문단을 표시하는 요소. 

 

 

이 글은 기본적으로 

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

이 페이지를 참고하여 작성하였다. 

728x90

'HTML' 카테고리의 다른 글

CSS에서 변수 사용하기  (0) 2023.04.20
클릭했을 때 전화 걸기 html/css  (0) 2023.03.15
CSS 네이밍 예시 ・ 팁  (0) 2023.03.14
HTML요소  (0) 2022.04.27
HTML 기본 예  (0) 2022.04.27