02. HTML 텍스트 관련 태그들

○ 글자모양 관련 태그들

    - 줄바꿈 태그 : <br> 또는 <br/>

HTML문서는 enter를 줄바꿈으로 인식하지 않기 때문에 <br>
줄바꿈 태그가 필요하다 (break의 약자) </br>

    - (HTML 문법과 겹치는) 특수문자 

 	공백 1칸  	non-breaking space
&lt;	<   		less than sign
&gt;	>		greater than sign
&amp;	&		ampersand
&quot;	"		quotation mark
&apos;	'		apostrophe

    - 글자크기 : 문서를 구조화할 때 주로 사용, 6단계(<h1>이 가장 크다)

<h1>금쪽같은 내새끼</h1>
<h2>금쪽같은 내새끼</h2>
<h3>금쪽같은 내새끼</h3>
<h4>금쪽같은 내새끼</h4>
<h5>금쪽같은 내새끼</h5>
<h6>금쪽같은 내새끼</h6>

    - 글자모양

<strong>진하게</strong>
<i>이탤릭체(비스듬히)</i>
<u>밑줄</u>

<strong><u><i>여러개의 태그를 동시에 쓸 때는 닫는 태그 순서에 주의한다</i></u></strong>

    - 수평선 : <hr>

<hr>
<hr width="50px">  절대적 크기 / 50픽셀
<hr width="50%">   상대적 크기 / 화면의 50%
<hr width="100">   사용자 임의 설정값은 " " 또는 ' ' 로 반드시 감싼다
<hr width=100> 	   비추천

    - 단락 : <p></p>

<p>
단락1 내용  
</p>
<p>
단락2 내용  
</p>

 

○ 웹에서 색상 표현하기

    - 색상표현방법 : 색이름, 16진수, rgb함수

       

        ① 색상 이름 표기법 (Color Name)

<font color="red">제주도</font>
<font color="green">제주도</font>
<font color="blue">제주도</font>

        ② 16진수 표기법 (Hexadecimal Colors)

<font color="#FF0000">제주도</font>
<font color="#00FF00">제주도</font>
<font color="#0000FF">제주도</font>

        ③ rgb함수 표기법 (rgb Colors)

<font color="rgb(255,0,0)">제주도</font>
<font color="#rgb(0,255,0)">제주도</font>
<font color="rgb(0,0,255)">제주도</font>

 

○ 목록 만들기

    - 순서가 없는 목록 태그 : <ul></ul>

    - 순서가 있는 목록 태그 : <ol></ol>

    - 목록에 내용을 넣을 때 태그 : <li></li>

<ul>
	<li>커피</li>
    	<li>녹차</li>
    	<li>우유</li>
</ul>

<ol>
	<li>커피</li>
   	<li>녹차</li>
   	<li>우유</li>
</ol>

    - 정의 목록 태그 : <dl></dl>

<dl>
    <dt>커피</dt>
        <dd>아메리카노</dd>
        <dd>카페라떼</dd>
        <dd>카푸치노</dd>
    <dt>우유</dt>
        <dd>딸기우우</dd>
        <dd>초코우유</dd>
        <dd>바나나우유</dd>
</dl>