텍스트 관련 태그들
| <h1>~<h6> | 제목을 표시할때 쓰이는 태그로 숫자가 클수록 글자가 작습니다. |
| <p> | 글을 쓸 수 있는 단락을 만들어 줍니다. |
| <br> | Enter역할으로 한 줄 넘김 입니다. |
| <hr> | 수평 줄을 넣어줍니다. |
| <blockquote> | 인용문을 사용할 때 사용합니다. |
| <pre> | 공백을 여러개 연속 입력해도 표시되도록 해줍니다. |
| <strong>, <b> | 글씨를 굵게 해줍니다. |
| <em>, <i> | 글씨를 기울여줍니다. |
| <q> | 인용문을 사용할 때 사용하지만 ""을 사용해 표현합니다. |
| <mark> | 형광첸으로 표시한 것처럼 보여줍니다. |
| <span> | 일부 텍스트를 묶을때 사용합니다. |
| <ruby>, <rt> | 동아시아 글자에 주석을 표기하기 위한 태그입니다. |
| <abbr> | title태그에서 약자를 표기할때 사용할 수 있습니다. |
| <cite> | 참고한 내용을 표시 해줍니다. |
| <code> | pre와 같이 코드를 표기할 떄 사용합니다. |
| <kbd> | 키보드 입력 같은 것을 표기할 때 사용합니다. |
| <small>, <big> | 글자를 크게 또는 작게 만듭니다. |
| <sup>, <sub> | 위 첨자와 아래 첨자를 표기할 때 사용합니다. |
| <s>, <del> | 취소선을 표기할 때 사용합니다. |
| <u>, <ins> | 밑줄을 표기할 때 사용합니다. |
다음의 예로 밑과같이 사용할 수 있습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!doctype html> <html> <head> <title>두번째 html문서</title> </head> <body> <h1>H1의 글자크기</h1> <h6>H6의 글자크기</h6><!--<hn>(n은숫자1~6)으로 클수록 글자크기가 작습니다.--> <p>이것은 글자를 쓰는 단락입니다.</p> <h2> <br>br의 줄넘김 입니다.</h2> <h2>밑은 hr로 수평 줄을 넣은 예입니다.</h2> <hr> <blockquote><h2>이것은 blockquote로 인용글을 쓸때 사용하는 태그입니다.</h2></blockquote> <pre>이것은 pre로 공백을 입력한대로 보여줍니다. (※원래 공백은 많이써도 한개로 인식됨.)</pre> <h2>strong과 b를 이용한<strong>굵</strong><b>은</b>글자</h2> <h2>i와em을 이용한<i>기울</i><em>이기</em></h2> <h2><q>q의 인용문</q></h2> <h2><mark>mark를 이용한 효과내기</mark></h2> <h2>글자 <span style="color:green">묶어</span>서 사용하기</h2> <h2><ruby>루비<rt>RT</rt></ruby>를 이용한 글자 위 주석표기</h2> <h2><abbr title="HTML">HyperTextMarkupLanguage</abbr>abbr이용</h2> <h2><cite>'cite'</cite>를 씀</h2> <pre><code> #include<stdio.h> //code태그의 이용으로 가능하다. int main(void){ printf("Hello World!"); return 0; } </code></pre> <h2><kbd>Ctrl+C</kbd>=복사</h2> <h2><small>작은글자</small><big>큰글자</big></h2> <h2>E=mc<sup>2</sup>, E<sub>p</sub>=9.8mh</h2> <h2><s>취소</s><del>선</del>귿기</h2> <h2><u>밑</u><ins>줄</ins>귿기</h2> </body> </html> | cs |
결과의 사진입니다.
오늘은 여기에서 마치도록 하겠습니다.