[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>사이에 문단을 입력하는 대로 표시합니다.
즉 띄움 태그 없이 일반 스페이스바나 엔터키로 표시하는 "그대로" 나타납니다.
 
한 칸 띄우기 태그입니다. 스페이스 바 키를 입력하는 것과 동일하죠.
문서에 배경색 지정할땐,
배경색 지정 태그 : <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 |