[HTML] HTML이란? HTML 개념 및 요소와 구조

Client/HTML

[HTML] HTML이란? HTML 개념 및 요소와 구조

meeeeejin 2021. 4. 27. 10:55

HTML이란?

HTML 요소

HTML 구조

HTML이란?

HyperText Markup Language의 약자
HyperText
- 하이퍼링크를 통해 사용자가 원하는 순서로 한 문서에서 다른 문서로 접근할 수 있는 텍스트
- 예시) 아래의 캡처에서 목차의 링크를 누르면 해당 내용으로 이동

Markup Language
- 태그(마크, 표시)를 이용하여 문서나 데이터의 구조를 명시하는 언어
- 사용자가 보기 좋게 문서를 구조화
HyperText Markup Language
- 웹 페이지의 구조 혹은 데이터 작성을 위한 마크업 언어

HTML 요소(element)

<h1>웹 프로그래밍 강좌</h1>

요소는 시작 태그(Start Tag), 내용(Contents), 종료 태그(End Tag)로 이루어짐
위의 예시에서 시작 태그는 <h1>, 내용은 웹 프로그래밍 강좌, 종료 태그는 </h1>
태그는 문서의 내용을 구분하고 어떤 역할을 하는지 구조를 정의하는데 사용됨
태그를 통해 컴퓨터(브라우저)에게 어디부터 어디까지가 하나의 구조인지 알려줄 수 있음

HTML 문서 구조

<!--문서 형식을 정의-->
<!DOCTYPE html>
<!--html 문서 내 태그의 시작, 사용 언어 정의-->
<!--모든 다른 태그는 <html></html> 안에 작성-->
<html lang="kr">
    <head>
        <!--문서와 관련된 정보-->
        <meta charset="UTF-8">
        <!--웹 페이지의 제목-->
        <title>Page Title</title>
    </head>
    <body>
        <h1>h1 태그 안에 있는 제목입니다</h1>
        <p>p 태그 안에 있는 본문 내용입니다</p>
    </body>
</html>
<!--html, head, body 태그는 문서에서 한 번씩만 사용 가능-->

728x90

저작자표시 비영리 동일조건

'Client > HTML' 카테고리의 다른 글

[HTML] 링크 태그 <a> 사용법, href, target 속성 (0)	2021.04.28
[HTML] 제목, 본문, 글자 태그(h, p, br, pre, strong, em, b, sub, sup, ins, del 태그) (0)	2021.04.27
[HTML] 시맨틱 태그(Semantic Tag), HTML 레이아웃 (0)	2021.04.27
[HTML] Form(폼) 태그와 Input 태그 사용법 (0)	2020.06.08
[HTML] Table(테이블) 태그 사용법과 예제 (0)	2020.06.08

현재글[HTML] HTML이란? HTML 개념 및 요소와 구조

250x250

2018 카카오 코딩테스트, 모두 0으로 만들기, display flex, 백준, spring, AWS, 프로그래머스, 책 리뷰, 오늘 또 일을 미루고 말았다, 파이썬, Python, CSS, html, BOJ, css flexbox, c++, 개발자의 글쓰기, Java, EC2, docker,

Today :
Yesterday :

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

👾

[HTML] HTML이란? HTML 개념 및 요소와 구조

HTML이란?

HTML 요소(element)

HTML 문서 구조

'Client > HTML' 카테고리의 다른 글

'Client/HTML'의 다른글

티스토리툴바

[HTML] HTML이란? HTML 개념 및 요소와 구조

HTML이란?

HTML 요소(element)

HTML 문서 구조

'Client > HTML' 카테고리의 다른 글

'Client/HTML'의 다른글

관련글

티스토리툴바