태그자료
< 자료공유 < 태그자료
자료실

기초태그 1

페이지 정보

작성자 madalla 작성일13-02-06 23:22 조회1,288회 댓글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 Space

Madalla's Space

Madalla's Space

Madalla's Space

Madalla's Space
Madalla'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>
결과) Madalla's Space
태그이름 타자체 (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>
결과) Madalla's Space
태그이름 Blink
<blink> 중요한 단어나 강조하고 싶은 단어를 깜박거리게 한다.(단 Nestcape만 지원한다.)
예) <blink>Madalla's Space</blink>
결과) Madalla's Space
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기