[html] html 기본문법 – 태그 소개 2

1. < body > 태그

옵션 : background , bgcolor , text , link , alink , vlink 등이 있다.

background : 배경 그림

bgcolor    : 배경 색깔

text       : 글자 색깔

link       : 링크 매체의 색깔

alink      : 링크 매체를 선택하는 순간 변화는 색깔

vlink      : 링크 매체를 선택한후 색깔

2. <h*> 태그

옵션 : align

align : 정렬 옵션으로 제목 단락을 문장의 왼쪽, 가운데, 오른쪽에 위치하도록 정한

다.

예 : <h3 align=left> 홈페이지 제작 </h3>

3. <!– 주석 –>

html 소스에서 설명부분으로 웹브라우저상에는 나타나지 않는다.

4.<br>은 줄바꿈 태그로 종료태그인 </br>이 필요가 없다.

5.<p>는 줄바꿈과 동시에 한단락 띄우는 역할을 하는 태그이다.

  <p>태그는 <br>태그와는 달리 정렬기능을 가지고 있다.

  정렬기능과 같이 사용할경우는 문단을 나누는 역할을 하게

  되는데 이때는 종료태그</p>와 같이 사용된다.

예 : <p align=right> …..문단….. </p>

6.<pre>태그 안에 있는 있는 문장들은 편집기에서 꾸미는 대로 웹브라우저에 나타

난다.

7.<font> : 글자의 속성 태그

옵션 : size , color , face

size  : 글자 크기

color : 글자 색깔

face  : 글자 모양

예 : <font size=2 color=blue face=굴림> 홈페이지 제작 </font>

8. <hr> 선그리기 태그

옵션 : size , width , align , noshde

size :  두께

width : 길이

align : 정렬

noshde : 선의 입체감을 없앤다.

예 : <hr align=center size=2 width=700 noshde>

9. <ul> : 순서 없는 목록

        <li type=disc> : 원반형 목록이 생긴다.

        <li type=circle> : 원형 목록이 생긴다.

        <li type=square> : 사각형 목록이 생긴다.

   </ul>

10. <ol type= 1,A,a,i start=n> : 순서 있는 목록

        <li>

        <li value=n>

    </ol>

11. <dl>: 한 단어를 정의하거나 설명할때 사용

예 : <dl> 단어

        <dt>or<dd> 단어의 정의 나 해설

     </dl>

12. <a href=”문서의 URL”> 문장 or 이미지 </a> : 특정 주소로의 이동

13. <a href=”#검색어”> 문장 or 이미지 </a>  –> <a

name=”검색어”> 문장 or 이미

지

    : 한 문장 내에서 특정 위치로 이동

14. <a href=”문서의 URL#검색어”>문장 or 이미지</a> –> <a

name=”검색어”>문

장 or 이미지

    : 다른 문장 내에서의 특정 위치로 이동

15. <adress> .. </adress> : 메일계정표시 태그