반응형
[HTML5] HTML 기초
간단한 HTML 기초 내용을 파악해보자.
개요
HTML 이란?
웹 사이트에서 화면에 표시되는 정보를 약속 한 것으로 HyperText Markup Language의 약자이다.
HyperText 는 단순 텍스트 이상의, 링크 개념이 포함 된 텍스트
Markup 은 꺽쇠(<,>)로 이루어진 태그를 사용하는 규격
으로 태그들을 이용하여 텍스트 요소를 정의하는 언어라고 할 수 있다.
HTML 예시
<!DOCTYPE html>
<html lang=“ko”>
<head>
<title>HTML5와 CSS3</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
HTML에서 각 태그에 따라 각자의 역할을 갖고 있다.
예를 들어 <head></head> 태그는 웹 브라우저의 추가정보를 입력할 때, <body></body>태그는 문서의 본문 내용이 들어간다.
일반적인 마크업 언어와의 차이점은 일반 마크업 언어에서는 태그 이름을 사용자가 지정하지만, HTML은 태그의 이름이 정해져있고, 그 태그마다 역할이 다르다.
XML 언어도 대표적인 마크업 언어 중 하나이다.
주석
<!-- 로 시작하여 --> 로 끝난다.
<!DOCTYPE html>
<html lang=“ko”>
<head>
<!-- 주석란 : 문서의 제목 -->
<title>HTML5와 CSS3</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
728x90
반응형
'Front > HTML' 카테고리의 다른 글
| [HTML5] input 요소의 타입 완전 정복 (0) | 2020.08.19 |
|---|---|
| [HTML5] 글자태그 2 : <strong>, <b>, <i>, <small>, <sub>, <sup>, <ins>, <del> (0) | 2020.08.18 |
| [HTML5] 목록을 정의하는 태그 : <ul>, <ol>, <dl> (0) | 2020.08.18 |
| [HTML5] <head> 태그 : <title>, <meta>, <link>, <style> (0) | 2020.08.18 |
| [HTML5] 글자 태그 1 : <h#>, <p>, <br/>, <a> (0) | 2020.08.18 |
댓글