기초태그 1
페이지 정보
작성자 madalla 작성일13-02-06 23:22 조회2,106회 댓글0건본문
태그이름 | HTML문서의 시작을 말한다. |
<html> | HTML문서의 시작과 끝을 나타낸다. |
예) | <html>......</html> |
태그이름 | HTML문서의 머리부분 |
<head> | HTML문서의 머리부분으로 반드시 <title>태그를 포함하여야 한다. |
예) | <head><title>.....</title></head> |
태그이름 | HTML문서의 제목 |
<title> | HTML문서의 제목을 나타내는 것으로 브라우저의 상단 표시상태줄에 나오게 되는 문서의 제목을 나타낸다. |
예) | <title>안녕하세요</title> |
태그이름 | HTML문서의 몸통부분 |
<body> | HTML문서의 몸통부분이다. |
예) | <body>.......</body> |
태그이름 | 다음줄 넘기기 |
<br> |
한 줄 바꿈 기능이라고 생각하면 된다. 두줄은 <br /><br /> 세줄은 <br /> <br /><br /> 이렇게 된다. |
예) | 홈페이지를 만들어 봅시다.<br / > 홈페이지를<br / > 만들어<br / > 봅시다. |
결과) | 홈페이지를 만들어 봅시다. 홈페이지를 만들어 봅시다. |
태그이름 | 문단, 단락 |
<p> |
<p>의 경우에는 단락을 나타낸다. 항상 문장 처음에 <p>를 써주고 문장 마무리에 </p>를 써준다. 한단락은 이렇게 표현한다. <p></p>는 항상 쌍으로 움직인다. 표준웹의 거의 모든 코드가 시작과 마무리를 표시한다. |
예) | <p>우리가 사는 이 세상이 얼마나 아름답고 조화로운지 마음을 밝게 열고 바라보아야한다 </p> <p>그것이 우리를 행복하게 한다 </p> |
결과) |
우리가 사는 이 세상이 얼마나 아름답고 조화로운지 마음을 밝게 열고 바라보아야한다
그것이 우리를 행복하게 한다 |
글자체의 태그이름 | |
태그이름 | 글자체의 크기를 조절 |
<h숫자> | 글자체의 크기를 조절하는 기능을 가지고 있으며, 숫자에 따라 큰제목, 작은 제목등을 설정을 해 주면 된다. 1인 경우가 가장 크게 나오며 6까지 지원한다. |
예) | <h1>Madalla's Space</h1> <h2>Madalla's Space</h2> <h3>Madalla's Space</h3> <h4>Madalla's Space</h4> <h5>Madalla's Space</h5> <h6>Madalla's Space</h6> |
결과) | Madalla's SpaceMadalla's SpaceMadalla's SpaceMadalla's SpaceMadalla's SpaceMadalla's Space |
태그이름 | 굵게 표현하기 |
<strong> | 글자를 강조하기 위해 이 태그를 쓴다. 주의해야 할 것은 </strong>을 써주어야 한다. |
예) | 한글 : <strong>가나다라마바</strong> |
결과) | 한글 : 가나다라마바 |
태그이름 | 밑줄 긋기 |
<u> | 원하는 부분을 선택하여 밑줄을 긋는다. |
예) | <u>Madalla's Space</u> |
결과) | Madalla's Space |
태그이름 | 이태릭체 |
<i> | 원하는 부분을 선택하여 기울게(이태릭체)로 표현한다. |
예) | <i>Madalla's Space</i> |
결과) | Madalla's Space |
태그이름 | 기울여서 강조하기 |
<em> | 원하는 부분을 선택하여 이태릭체로 표현한다. |
예) | 편안한 공간 : <em>Madalla's Space</em> |
결과) | 편안한 공간 : Madalla's Space |
태그이름 | 리스트화 하기 |
<UL><li> | 일정한 항목이나 리스트같은 것을 표현할 경우에 씌인다. (번호로 매기지 않을 경우) |
예) | <ul> <li> 상큼한 공간 : Madalla's Space</li> <li> 삶의 휴식터 : Madalla's Space</li> <li> 즐거운 시간 : Madalla's Space</li> </ul> |
결과) | |
태그이름 | 리스트화 하기(번호) |
<ol><li> | 위와 같은 기능을 하는 대신 점이 아닌 번호로 리스트화 하는 기능을 갖는다. |
예) | <ol> <li> multipoem의 선두 : Madalla's Space</li> <li> multipoem의 선두 : Madalla's Space</li> <li> multipoem의 선두 : Madalla's Space</li> </ol> |
결과) | |
태그이름 | 한칸 들여쓰기 |
<blockquote> | 한칸 들여쓰기 기능을 갖는다. |
예) | 이 예제는 한칸 들여쓰기를 보여줍니다. <blockquote> 이 예제는 한칸 들여쓰기를 보여줍니다.</blockquote> |
결과) | |
태그이름 | 글 가운데 줄긋기 (Strikethrough) |
<strike> | 표현하고자 하는 글을 지정하고 가운데 줄을 긋는다. |
예) | <strike>Madalla's Space</strike> |
결과) | |
태그이름 | 타자체 (Typewriter) |
<tt> | 타자체를 표현한다. 그러나 거의 표현이 잘 되지 않는다. |
예) | <tt>Madalla's Space</tt> |
결과) | Madalla's Space |
태그이름 | Citation |
<cite> | 이태릭체와 비슷하나 인용문으로 쓰일때 사용된다. |
예) | <cite>Madalla's Space</cite> |
결과) | Madalla's Space |
태그이름 | SAMPLE |
<samp> | 컴퓨터의 상태표현으로 인용문으로 사용된다. |
예) | <samp>Madalla's Space</samp> |
결과) | Madalla's Space |
태그이름 | Definition |
<dfn> | 정의를 표현하고자 할때 씌인다. |
예) | <dfn>Madalla's Space</dfn> |
결과) | Madalla's Space |
태그이름 | Variable |
<var> | 변수를 표시할 때 씌인다. |
예) | <var>Madalla's Space</var> |
결과) | Madalla's Space |
태그이름 | Keyboard |
<keb> | 사용자의 키보드에 의해서 입력되는 것을 표현하기 위해 사용된다. |
예) | <keb>Madalla's Space</keb> |
결과) | |
태그이름 | Blink |
<blink> | 중요한 단어나 강조하고 싶은 단어를 깜박거리게 한다.(단 Nestcape만 지원한다.) |
예) | <blink>Madalla's Space</blink> |
결과) |