본문 바로가기

Study about/* html

[html] 기초태그

[html] 기초태그

 

<html></html>
<html>태그는 html 문서 시작을 나타내고 </html>은 문서 마지막을 나타냅니다.


<head> </head>
<head>는 문서의 정보를 담는 태그입니다.


<body> </body>
문서의 본문을 나타냅니다.

각종 텍스트나 이미지 등 나타내기를 원하는 내용을 입력합니다.


<title>
<head>태그의 하위태그이며
웹페이지의 제목을 뜻합니다.


<meta>
홈페이지에 대한 정보를 기록하는 데 사용됩니다.
홈페이지에 대한 설명, 키워드, 만든 사람 등의 정보를 기록하며 검색엔진에 정보를 제공하는 역할을 합니다.


<p></p>
문단 태그를 뜻합니다.
태그입력 시 단란과 단락을 구분을 지어 주는 역할을 합니다.

 

 

 


<div></div>
문단 태그를 뜻한다.
<p>와 다른 점은 <p>태그는 문단 사이에 줄 띄움이 존재하지만, <div>태그의 경우 줄 띄움 없이 구분만을 합니다.


<br>
줄 바꿈 태그로 </br> 형태로 끝맺음을 해주지 않아도 됩니다.

<PRE> 

<PRE>~</PRE>사이에 문단을 입력하는 대로 표시합니다.
즉 띄움 태그 없이 일반 스페이스바나 엔터키로 표시하는 "그대로" 나타납니다.


&nbsp
한 칸 띄우기 태그입니다. 스페이스 바 키를 입력하는 것과 동일하죠.

문서에 배경색 지정할땐,

배경색 지정 태그 : <body bgcolor="3151c5"> 파랑색....

(색상값은, 포토샵이나 색상코드표를 사용하여 찾습니다.)

<HTML>
<HEAD>
<TITLE> 배경색 지정</TITLE>
</HEAD>
<BODY BGCOLOR="3151c5">
룰루랄라
</BODY>
</HTML>

이렇게 표출이 됩니다~


<center> </center>
태그 안에 포함된 문장 및 문단들이 가운데 정렬로 표현됩니다.

기본적으로 문단은 왼쪽 정렬이기 때문에 태그를 입력하지 않으면 자동으로 왼쪽 정렬이 됩니다.

텍스트를 오른쪽으로 정렬을 원할 경우
<p align="right"> 문자 </p>
이미지를 오른쪽으로 정렬을 원할 경우
<p align="right"> <img src="사진 주소">

 

 

 

 

 

시세차익을 통한 이익창출!

전자화폐의 새로운 시장!

★트레이드코인클럽★

 

 

 

'Study about > * html' 카테고리의 다른 글

[html] 글자의 서식 바꾸는 태그  (0) 2017.05.04
[html] 애드센스 광고 두개 나란히 삽입  (0) 2017.04.30
[html] 이미지넣기 태그  (0) 2017.04.30