 HTML 기초강좌
1. 기본문법 태그
 |
|
| |
|
[1] |
홈페이지 제작시 자주 사용되는 기본 문법 태그에 대해서 알아보도록 하겠습니다. 주로 문단 태그 , 주석태그 등이 여기에 속한다.
☞ <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> |
글자가운데 줄 | | |
출처 : http://www.tagmania.net/memory/html/main.htm
