여러 가지 문자 관련 속성을 알아봅니다.
1.이건 약간 비슷하긴 하지만, 문자의 크기를 정하는 태그입니다.
view-source: |
결과 |
<h1> 크다 </h1> |
크다 |
<h3> 중간 </h3> |
중간 |
<h5> 작다 </h5>
|
작다 | <h1> 부터~ </h6> 까지 있으며. 숫자가 클수록 크기가 작음.(font태그와는 반대죠)
2.문자 크기를 굵게.
3.문자를 이탤릭체로 나타내기.
4.문자에 밑줄을 침.
5.문자를 주변문자보다 크게.
6.문자를 아래첨자,윗첨자로 표현.(수학에...뭐; 여러운 표기하는데에 쓰면 좋을듯)
8.문자를 주변문자보다 작게.
주변보다<small> 작냐</small>훗 |
주변보다 작냐훗 |
9.글씨나 이미지, 테이블 등을 위치 정렬하는 태그입니다.
<div align="right">오른쪽구석</div> |
결과-> |
오른쪽구석 |
<div align="left">왼쪽퉁이</div> |
결과-> |
왼쪽퉁이 |
<center>중앙*-_-*</center> |
결과-> |
중앙*-_-* |
↓ 다음은 문자태그는 아니고. 그냥 유용할거같은 문서속성. 마크업태그입니다. ↓
1.저작권표시(©)의 삽입 : ©
문서에 대한 저작권 표시를 삽입하려면 반드시 특수문자 (©)를 사용해야 합니다. 단, ©만 사용해도 되지만, 넷스케이프 내비게이터에 깨지지 않고 나타나게 하려면 반드시 <font>태그와 함께 사용해야 합니다. 예) 인터넷 익스플로러 → ©
결과) ©
2.공백 (space)의 삽입 :
HTML문서에서는 스페이스키(Space Key)를 여러번 쳐도 1개의 공백만을 허용하죠. 따라서 여러개의 공백을 넣으려면 반드시 공백(Space)에 해당하는 특수문자( )를 사용해야 합니다.
예) 바보 바보
결과) 바보 바보
3.정형화된 문서(Preformatted Text) : <pre>
HTML문서에서는 [Esc]키나 [Space Bar]키의 사용은 의미가 없죠. 그런데, 여러번의 엔터 키나 여러개의 스페이스 키를 그대로 웹문서에서 나타나게 하려면 <pre> 태그를 사용해야 합니다.
|
source |
결과 |
<pre> 사용 |
<pre> 하지만 드라군이 출동하면 어떨까? 드!! 라!! 님들아 뭐하3? 군!! </pre> |
하지만 드라군이 출동하면 어떨까? 드!! 라!! 님들아 뭐하3? 군!! |
사용없이 |
하지만 드라군이 출동하면 어떨까? 드!! 라!! 님들아 뭐하3? 군!! |
하지만 드라군이 출동하면 어떨까? 드!! 라!! 님들아 뭐하3? 군!! |
4.주석문 : <!-- 이 사이 -->
문서를 제작하는 사람이 참고로 하고자 하는 내용을 입력해두는 태그로, 이 주석문 안에 있는 내용은 웹 브라우저에서는 보이지 않고, 소스에서만 보여집니다. 홈페이지만드는 사람들에겐 필수죠. 미도 필수 예) <!-- <textarea> 샒 </textarea> -->
결과) ↑ "<!--" 와, "-->" 사이의 태그와 글씨 등 모두 무시 (적용되지않음)소스에서만 보입니다.
6. "<" or ">" 마지막으로 이건 "태그에 관한 홈페이지를 만드시는 분" 께 필수가 되는 건데, 자세히 설명은 안하죠. 태그를 설명할 때, 웹에서 "<" 이것과 ">" 이것을 나타내는 소스 입니다.
Tip 6번 방식 외에 4번을 이용해서 태그 소스가 적용되지 않고 그대로 나타나게 할 수도 있습니다.
소스 |
<<!-->embed src="#"><<!-->embed> |
결과 |
<embed src="#"><embed> | |