꼭 알아야할 HTML 기본 TAG

 
요즘에는 태그를 몰라도 기본으로 만들어진 편집기나 홈페이지 템플릿들이 많아서 누구나가 홈페이지를 쉽게 만들 수 있습니다.   하지만 기본으로 제공되는 템플릿만으로는 부족한 경우가 많습니다.    특정 코드를 삽입하거나 원하는 위치에 배너를 넣거나 약간의 수정이 필요한 경우 아래와 같이 기본 태그만 알고 있어도 쉽게 편집이 가능하니 기본 태그 정도는 알아두시면 좋을듯 합니다.



먼저, HTML 페이지에는 아래와 같은 구성이 있습니다.

<html>
<head><title>홈페이지 타이틀</title></head>
<body>홈페이지 본문
</body>
</html>
위의 태그로부터 시작되어 홈페이지 꾸미기가 시작된다고 보시면 됩니다.
그럼, 홈페이지 배경으로부터 시작해서 글자 꾸미기, 링크 넣는 법, 이미지 삽입, 위치 정렬 등 기본적인 태그를 살펴보도록 하겠습니다.

 

배경색 넣기

<body bgcolor=#ffffff>  :   원하는 배경색(rgb 색상)을 넣으세요.

 

배경이미지 넣기

<body background=””>  :   원하는 배경 이미지의 URL(경로) 을 넣으세요.

 

글자 꾸미기

<font size=”3″ color=”ff3300″ face=”arial”>대한민국</font>  :  원하는 글자의 크기와 색상(rgb 색상), 서체를 넣으세요.

또다른 방법으로는,
<font style=”font-family:arial; font-size:8px; color:#ff3300;”> 와 같이 style 코드를 넣어서 만들 수도 있습니다.

이외에도 자주 사용하는 글자 꾸미는 몇가지 태그는 아래와 같습니다.
<b>글자 굵게하기</b>  혹은 <strong>글자 굵게하기</strong>
<u>글자 아래 줄긋기</u>
<i>글자 이탤릭체로 보이기</i>
<del>글자에 지우기 선긋기</del>

 

단락의 위치 조정하기

<p align=”center”>가운데 정렬방법</p>  :  center 부분에 right 라고 넣으면 특정 paragraph 전체가 오른쪽 정렬이 됩니다.

 

링크 넣기

<a href=”http://0000″>클릭후 이동 </a>  :  코드에 클릭시 이동하고자 하는 주소(URL)를 넣는다.

 

이미지 넣기

<img src=””>  :  보이고자하는 이미지의 주소를 넣고 원하는 위치에 코드를 넣는다.

 

Meta Tag 넣기

이 부분은 홈페이지 제작에서 가장 중요한 부분이라고 볼 수 있습니다.   힘들게 시간을 쪼개서 멋진 홈페이지를 완성하였지만 아무도 방문하여주지 않고 홍보가 안된다면 무의미한 홈페이지라고 할 수 있습니다.   메타 태그를 넣어서 여러 검색 엔진에 검색이 잘 되는 것도 홈페이지 제작에 중요한 부분입니다.

메타태그는 <head> 와 </head> 사이에 넣습니다.

<meta name=”description” content=”홈페이지의 소개글을 이곳에 넣습니다”>
<meta name=”keywords” content=”홈페이지, 인터넷, 홍보, 키워드, 쇼핑몰, 안내, 정보, 초보강좌”> :  검색시 필요한 단어를 넣습니다.   가장 중요한 포인트 입니다.

답글 남기기

error: Content is protected !!