정보창고/블로그 정보
5.HTML 기본태그
풍란의 향기
2012. 2. 8. 12:54
|
HTML 기본 태그를 알아보기(1) |
♣ 결과) 환영합니다.
|
② <BR> : 다음 줄로 넘기기 한글이나 워드에서 <Enter>키를 이용한 줄 바꿈 기능과 같습니다. 이 태그는 종료를 나타내는 </BR>태그를 사용하지 않습니다. ♣ 입력) 환영합니다. <BR>태그는 풍란의 향기에서.. |
| ♣ 결과)환영합니다.태그는 풍란의 향기에서.. |
Tip :<P><P><P><P><P>태그를 아무리 연속적으로 사용해도 연속적으로 줄을 띄우지는 않습니다.
<P>와 <BR>을 복합적으로 사용해야 여러 줄을 띄울 수 있습니다.
(2) 가운데 정렬 태그
인터넷을 사용하는 사용자마다 각각 모니터의 크기와 해상도 달라 홈페이지가 약간 다르게 보입니다. 이 문제를 해결하기 위해 보통 내용을 왼쪽에 붙이거나 가운데로 정렬을 하여 홈페이지를 만들곤 합니다. 이때 가운데로 정렬시키는 효과를 내는 태그인 <CENTER>태그를 많이 사용합니다.
① <CENTER></CENTER> : 가운데로 정렬시켜 주는 태그 태그명의 사전적 의미 그대로 페이지에서 글, 그림, 표를 가운데로
정렬시켜 주는 기능을 하는 태그입니다.
♣ 입력)<CENTER> 태그는 풍란의 향기에서..<CENTER>
| ♣ 결과)
|
(3) 수평선 그리기 태그
보통 홈페이지의 가장 아래 부분에 보면 저작권과 회사명, 주소 등을 적어 놓은 곳 바로 위에 수평선을 그어 놓은 것을 볼 수 있을 겁니다. 이 수평선도 잘 이용하면 부분, 부분을 구분하여 보다 산뜻한 홈페이지를 만드는 데 도움을 줍니다.
그리고 이때 사용하는 태그가 <HR>태그입니다.
① <HR> : 수평선을 그리는 태그
Horizontal Line의 준말로 홈페이지 내에 선을 그리는 태그입니다. 보통 수평선을 그리지만 옵션을 장 이용하면 세로줄, 굵은 선등 여러 가지 선을 그릴 수 있습니다.
♣ 입력) <HR>
| ♣결과) |
② <HR> 태그 옵션 알아보기
align=left, right : 수평선의 정렬방식을 조절하는 옵션입니다.
noshade : 원래의 입체적인 수평선을 입체성을 없애는 옵션입니다.
♣ 입력) <HR width=200 size=50 align=left noshade>
| ♣결과)
|
(4)글자 모양 관련 태그 홈페이지에서도 HTML 태그를 이용하여 다양한 글자 모양으로 문서를 표현할 수 있습니다. 글자 모양을 여러 가지 색의 글자로 하거나, 진하게, 이탤릭체처럼 약간 기울이거나 밑줄을 긋는 등 여러 가지 모양으로 바꿀 수 있답니다. |
이 태그의 형식은 <H숫자>로되어 있습니다. H다음의 숫자는 1부터 6까지 지정할 수 있는데, 1이 가장 큰 제목 글을 나타내고 6이 가장 작은 제목 글을 나타냅니다.
♣ 입력) <H3> 태그는 풍란의 향기에서.. </H3>
♣결과)태그는 풍란의 향기에서.. |
② <B></B> : Bold의 약자로 글자를 굵고 진하게 표현합니다.
♣ 입력) <B>태그는 풍란의 향기에서..</B>
| ♣결과) 태그는 풍란의 향기에서.. |
③ <I></I> : Italic의 약자로 지정한 단어와 문자를 기울게 보여줍니다.
♣ 입력) <I> 태그는 풍란의 향기에서.. </I>
| ♣결과) 태그는 풍란의 향기에서.. |
④ <U></U> : : Underline의 약자로 글자에 밑줄을 표현한다.
♣ 입력) <U>태그는 풍란의 향기에서..</U>
| ♣결과) 태그는 풍란의 향기에서.. |
⑤ <FONT></FONT> : 폰트, 즉 글꼴을 제어하는 태그입니다. 홈페이지 내용을 제어하는 글꼴태그입니다. 가장 많이 사용하고 가장 중요한 태그라고 할 수 있습니다. 옵션에 따라 글자의 크기, 색, 글꼴모양을 제어할 수 있습니다.
♣ 입력) <FONT size=2> 태그는 풍란의 향기에서.. </FONT>
| ♣결과) 태그는 풍란의 향기에서.. |
⑥<FONT> 태그 옵션
size=숫자(1∼7) : 글자의 크기를 지정하는 옵션으로 범위는 1부터 7까지 지정할 수 있으며 숫자가 커질수록 글자의 크기도 커집니다.
color=red(색), RGB코드 : 글자의 색상을 지정하는 옵션입니다. 색을 나타내는 영어단어를 사용하여 색을 지정할 수 있고 색상코드인
RGB코드를 가지고 색을 지정할 수도 있습니다.
face=굴림체, 돋움체 : 글꼴체를 지정하는 옵션입니다. 이 옵션을 지정할 때는 반드시 사용자가 이 폰트체를 가지고 있어야 지정한 폰트체를 볼 수 있습니다.
기본적으로 원도우에 설치되어 있는 폰트체는 굴림체, 궁서체, 돋움체, 명조체입니다. 그래서 이 폰트체들을 가장 많이 지정합니다.
♣ 입력)
<FONT size=2 color=blue face=돋움체>태그는풍란의 향기에서..</FONT>
| ♣결과) 태그는 풍란의 향기에서.. |
 |