본문 바로가기

HTML

HTML기초,요소

HTML이란?

HTML : HyperText Markup Language

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

웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성된다.

각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용된다.

 

HTML 태그(tag)

HTML 태그는 태그 이름을 꺾쇠 괄호(<>)로 감싸서 표현한다.

문법

1. <태그이름>  // 시작 태그

2. </태그이름> // 종료 태그

 

HTML 기본 구조

<!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시

 

<html> : HTML 문서의 루트(root) 요소를 정의

 

<head> : HTML 문서의 메타데이터(metadata)를 정의

- 메타데이터(metadata)란 HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미

- 이러한 메타데이터는 <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현할 수 있다.

 

<title> : HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용

- 웹 브라우저의 툴바(toolbar)에 표시된다.

- 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 된다.

- 검색 엔진의 결과 페이지에 제목으로 표시된다.

 

<body> : 웹 브라우저를 통해 보이는 내용(content) 부분

 

<h1> ~ <h6> : 제목(heading)을 나타낸다.

 

<p> : 단락(paragraph)을 나타낸다.

 

HTML 요소 구조

HTML 요소(element)는 여러 속성을 가질 수 있으며, 

이러한 속성(attribute)은 해당 요소에 대한 추가적인 정보를 제공한다.

또한, HTML 요소는 시작 태그로 시작해서 종료 태그로 끝난다.

속성은 HTML 요소 중에서도 언제나 시작 태그 내에서만 정의되며, 속성 이름과 속성값(value)으로 표현된다.

*속성 이름은 언제나 소문자로 작성

*속성값은 언제나 따옴표로 감싸기

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'HTML' 카테고리의 다른 글

HTML 블록과 인라인  (0) 2020.04.05
HTML 리스트,테이블  (0) 2020.04.05
HTML 링크 , 이미지  (0) 2020.04.04
HTML 스타일(색,글꼴,배경)  (0) 2020.04.03
HTML텍스트 요소  (0) 2020.04.03