홈페이지 제작시 자주 사용되는
기본 문법 태그에 대해서 알아보도록
하겠습니다. 주로 문단 태그 , 주석태그 등이
여기에 속한다.
☞ <br> , <p>
<br>태그는 한 줄을 바꿔주는 기능을
하는 태그입니다. 강제개행 태그라고도 하죠.
<p>태그는 문단을 나누어 주는 태그입니다.
<html>
<head></head>
<body>
<font size="2">1. <br>태그의
경우 줄을 바꿔줍니다. <br>2. 이렇게
바꿔어 주죠.<br>3. 어때요? ^^
<p>1. 이에 비해 <p>태그는
문단을 나누어 줍니다. </p>
<p>2. 문단을 나눕시다. ^^</p>
<p>3. 문단이 나누어 집니다.</p>
</body>
</html> |
어때요? 간단하죠? ^^
☞ 주석태그
일반적으로 자바스크립트나 스타일
시트에서 많이 사용하는 것인데요....HTML에서도
사용할 수 있습니다. 자바스크립트나 스타일
시트의 경우에는 해당 자바스크립트나 스타일
시트를 브라으저가 읽지 못하는 경우 브라으저에
그 소스가 나타나지 않도록 해주는 기능을
합니다. 물론 주석태그는 브라우저상으로는
표현되지 않습니다. HTML에서는 주석태그를 이용해
설명같은 것을 달아줄때 사용합니다. 우리가
웹페이지를 만들어 놓고 오래되면 잘 기억이 나지
않는 경우가 있습니다. 이럴 경우 미리 설명을
달아놓으면 잊을 염려가 없죠.
주석태그는 <!-- ☜
이것으로 시작해서 -->
☜이것으로 끝나게 됩니다.
<html>
<body>
<!-- 주석태그
부분은 브라우저에 나타나지 않습니다.
-->
주석 태그란?
<!-- 주석태그에
제작자가 설명을 해놓으면 좋겠죠? ^^ -->
</body>
</html> |
☞ <hr>
<hr> 태그는 선을 그려주는
태그입니다. 사용방법은 <hr width="선길이"
size="높이수치" align="정렬위치"
noshade> ☜ 이렇게 사용 할 수 있습니다.
width="선길이" 의 경우 % 와 px을 사용할 수
있습니다. size 의 경우 선의 높이를 조절해주는
속성이며 align 속성의 값으로는 left , center ,
right 등이 들어 갈 수 있습니다. noshade 속성은
입체감을 없애 주기 위한 때 넣어주는
속성입니다.
<html>
<body>
1. 선 그리기
<hr>
2. 선그리기
<hr width="100px">
3. 선 그리기
<hr width="100px" size="10">
4. 선 그리기
<hr width="50%" size="20">
5. 선 그리기
<hr width="500" size="50" align="left"> <p>
<hr width="500" size="50" align="right" noshade>
</body>
</html> |
☞ 글꼴 태그 & 첨자 & 밑줄 태그
<font face="글꼴"> ☜ 이 방식을
사용하지 않고 특정 글꼴을 나타내주거나 글자에
특정효과를 나타내어 주는 방법입니다.
| 이탤릭체 |
<i></i> , <em></em>
, <cite></cite> |
보통글자 이탤릭체 |
| 굵은 글자 |
<b></b> ,
<strong></strong> |
보통글자 굵은 글자 |
| 윗첨자 |
<sup></sup> |
보통글자윗첨자 |
| 아래첨자 |
<sub></sub> |
보통글자아래첨자 |
| 밑줄 글자 |
<u></u> |
글자 밑에 줄 |
| 가운데 밑줄 |
<s></s> |
글자가운데 줄 |
|
