HTML - Tag :: Seon's IT Story

HTML - Tag

2018. 6. 12. 10:55

Tag

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

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

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

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

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

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

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

- 웹 브라우저의 즐겨찾기에 추가할 때 즐겨찾기의 제목

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

<body> : 브라우저 화면에 보이는 부분

<br> : 줄바꿈

<p> : 문단

<b> : 글자를 굵게 표시, bold의 약자, <strong>와 같은 기능

<i> : 글자를 기울여서 표시, italic의 약자

<h1>~<h6> : 섹션, 문단의 제목에 사용, 숫자가 작을수록 글자의 크기가 커짐

봇(컴퓨터,검색엔진)이 문서를 파악하기 위해서도 쓰임

<a> : 하이퍼링크 , 속성으로는

href(클릭 시 이동) target(링크를 여는방법)이 있음

_self : 현재 페이지(기본값)

_blank : 새 탭

_parent : 부모 페이지로, iframe 등이 사용된 환경에서 쓰임

_top : 최상의 페이지로, iframe 등이 사용된 환경에서 쓰임.

_framename : 직접 프레임이름을 명시

<img> : 이미지 삽입, 속성으로는

src : 이미지의 경로( 없을 경우 이미지가 정상출력되지 않음 )

width : 가로

height : 세로