본문 바로가기

프로그래밍 언어/HTML

[HTML] HTML 기본 태그



HTML 기본 태그



<html> </html>

문서의 시작과 끝임을 알린다.


<head> </head>

문서의 일반적인 정보를 제공(메타 데이터, 문서 이름, 외부 파일 링크)


<body> </body>

문서의 본문을 나타내기 위한 태그

body 속성에는 크게 배경 , 링크, 여백 관련 속성들로 이루어져 있다.


<BODY BGCOLOR="컬러명 또는 헥사코드">

배경의 색을 바꿔준다. 보통 브라우저의 배경색은 윈도우의 디폴트 색인 회색이다. 색상은 색상명(Black, White, Blue 등) 과 헥사코드 값으로 나타낼 수 있는데 헥사코드란 색상의 R, G, B 값을 16진수로 나타낸 것이다.

ex)

<BODY BGCOLOR="#ff0000">  빨간색 배경

<BODY BGCOLOR="#00ff00">  초록색 배경

<BODY BGCOLOR="blue">  파란색 배경


<BODY BACKGROUND="배경이미지가 있는 URL">

배경이미지를 지정해주는 속성

ex)

<BODY BACKGROUND="../../image.gif">

<BODY BACKGROUND="https://www.google.co.kr/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png">


<BODY TEXT="색상명 또는 헥사코드">

문서 전반에 쓰이는 문자의 색깔을 지정해주는 속성

ex)

<BODY TEXT="#0000ff">  빨간색 글씨


<BODY LINK="색상명 또는 헥사코드">

링크된 텍스트의 색깔을 바꿔준다. 기본적인 색은 파란색이다. 링크에 관련된 태그에서 언급한다.


<BODY VLINK="색상명 또는 헥사코드">

방문했던 링크 부분의 색을 지정하는 속성으로, 기본적인 색은 보라색이다.


<BODY ALINK="색상명 또는 헥사코드">

마우스로 링크된 부분을 클릭하고 손을 떼지 않았을 때의 색으로, 기본적인 색상은 빨간색이다.


<title> </title>

문서의 제목을 지정할 수 있는 태그


<meta>

웹페이지에 관한 정보를 브라우저에게 제공하는 태그

닫는 태그가 없다.


<meta charset="utf-8"> 

문서에서 사용하는 문자 인코딩 방식을 지정해주는 속성