네 번째 이야기
배운 태그는 정리하고 넘어 갑시다

 

<html></html> 홈페이지 문서의 시작과 끝 


<head></head> 홈페이지의 머리 부분으로 홈페이지의 제목 또는 키워드 등이 들어감 


<title></title>  <head>와 </head> 사이에 위치하며 홈페이지의 제목이 들어감 


<body></body> 홈페이지의 본문을 타나내는 태그 

      주요 옵션
      bgcolor=“ ” 홈페이지의 배경색을 지정함 
      background=“ ” 홈페이지의 배경을 이미지로 채움  


<img src=“ "> “ ”에 지정된 그림 파일을 불러옴

      주요 옵션
                 width=“ ” 그림 파일의 너비를 픽셀단위로 지정 
                 height=“ ” 그림 파일의 높이를 픽셀단위로 지정 
                 border=“ ” 그림 파일의 테두리 두께를 픽셀단위로 지정  
                 align=“ ” 그림 파일의 위치를 지정 (left, right, center가 들어감) 
                 hspace=" " 그림 수평 여유 
                 vspace=" " 그림 수직 여유 


<br> 줄바꿈  


<p></p> 단락을 구분하는 태그로 안에 정렬태그를 함께 쓸 수 있음  


<pre></pre> 메모장에 쓰여진 대로 출력해줌  


<hr> 수평선  

      주요 옵션
      width=“ ” 수평선의 너비를 픽셀단위로 지정(상대적인 크기는 60%와 같이 %로 지정) 
      size=“ ” 수평선의 두께  
      noshade 수평선의 입체감을 없애주는 태그 


<font></font> 글꼴을 지정하는 태그 

      주요 옵션
      color=“ ” 글자의 색깔을 지정  
      size=“ ” 글자의 크기를 지정(1부터 7까지 있으며 상대크기로 -1,+1,+2...등을 사용하는데             이는 기본글꼴크기(3)보다 한 포인트 작게 또는 크게 하는 의미로 쓰임)  
      face=“ ” 글자의 모양을 지정(윈도우즈에 등록된 것을 기준으로) 
      한글에서 가장 많이 쓰이는 것은 굴림, 바탕, 돋움 등이 있고 영문에서는 arial 등이 많이 쓰임 
       

<h1></h1> 글꼴 크기를 지정함(1부터 6까지이고 숫자가 커질수록 글꼴은 작아짐) 


<b></b> 글꼴을 굵게 표시함 


<i></i> 기울임 글꼴 


<u></u> 글자에 밑줄을 그어줌 


<ul><li>...</li></ul> 순서 없는 목록  


<ol><li>...</li></ol> 순서를 정하는 목록(이 경우 출력하면 글 앞머리에 1,2,3...등의 번호가 붙음) 


<center></center> 가운데 정렬 


<!--   --> 주석 태그로 태그 사이에 있는 문장은 브라우저에 출력되지 않음 

 

이전으로  다음으로