Entity Code
엔티티코드는 자판에 없는 특수기호나 코딩언어 안에서 코드로 처리되는 특수기호들을 일반 문자로 표기하는 코드이다. 특히 html에서는 <,>, "", '', = 이런 기호들은 일반 문자가 아닌 코드로 처리되기 때문에 잘못 사용하면 오류가 발생한다. 이때 코드 기호들을 문장안에 강조용으로 표시하고 싶을때 엔티티코드를 이용한다.
-
엔티티 코드는 문자나 숫자로 표현할 수 있는데,
&로 시작해서 ;으로 마무리하여 중간에 특수기호에 따는 정해진 숫자나 문자를 넣어 기호를 표현할 수 있다. -
엔티티 코드를 문자로 표현할 경우 &로 시작해서 ;로 끝내고 숫자로 표현할 경우 &#을 붙이고 ;로 끝낸다.
< : #60 , lt
>: #62 , gt
" : #34 , quot
": #147 , ldquo
': #145 , lsquo
© : #169 , copy
® : #174 , reg
& : #38 , amp
(공백) : #160 , nbsp
< dl>, < dt>, < dd> : 정의 목록 태그
정의 목록(=설명 목록)이란 이름과 값으로 구성된 목록을 말한다.
보통 정의 목록태그는 웹상이트에서 지점과 지점에 대한 설명을 나타낼때 많이 사용된다.
특히 dd태그는 여러 개를 출력하여 설명을 나열할 수 있지만 dt와 dl은 한 번씩만 쓰인다.
[기본형]
< dl>
< dt>단어명 또는 설명 또는 지점명< /dt>
< dd>설명< /dd>
< /dl>
목록을 만드는 태그
웹 표준 이전에는 목록과 관련된 태그는 텍스트를 정리하기 위한 용도로 사용했다.
하지만 웹 언어가 발전하면서 사이트를 구성할 때 '메뉴'를 나타내는 용도로 사용하게 되었다.
목록태그는 순서가 있는가 없는가에 따라 ol태그 또는 ul태그를 사용한다.
ol또는 ul태그안에 li태그를 사용해 목록내용을 나타낸다.
목록 태그들은 block속성을 가지고 있다.
1.순서가 있는 목록태그
순서가 있는 목록태그는 1,2,3...a,b,c처럼 순서를 나타내는 용도로 사용한다.
보통 목차에 따라 순서대로 내용을 정리할 때 사용한다. 메뉴를 나타내는 용도로 사용하지 않는다.
ol태그를 사용하면 목차를 숫자로 표현하거나 알파벳 등으로 표현할 수 있다.
이때 목록의 모양은 ol태그 안에 type속성을 이용하면 바꿀 수 있다.
또한 시작숫자를 바꾸고 싶다면 start속성을 이용하여 시작 순서를 바꿀 수 있다.
[기본형]
< ol>
< li>목록1< /li>
< li>목록2< /li>
< li>목록3< /li>
< /ol>
[type의 종류]
1. type = "1" : 1,2,3 과 같은 십진수로 목록을 나타낸다.
2. type = "a" : a,b,c 와 같은 영문 소문자로 목록을 나타낸다.
3. type = "A" : A,B,C 와 같은 영문 대문자로 목록을 나타낸다.
4. type = "i" : 로마숫자 소문자로 목록을 나타낸다.
5. type = "I" : 로마숫자 대문자로 목록을 나타낸다.
2. 순서가 없는 목록태그 ★★★
웹 사이트에서 메뉴를 만드는 태그로, 순서가 없는 목록을 지정할 때 사용한다.
순서가 없는 목록을 지정할 때에는 < ul>태그를 사용하고,
출력하면 '●' 이런 기호로 목록이 표시된다.
이러한 기호를 'bullet'이라고 표현한다.
만약 bullet 모양을 바꾸고 싶다면 type속성을 이용한다.
[기본형]
< ul>
< li>메뉴1< /li>
< li>메뉴2< /li>
< li>메뉴3< /li>
< /ul>
[type의 종류]
- type="disk" : 기본값으로 '●' 기호로 목록을 표현한다.
- type="circle" : '○' 기호로 목록을 표현
- type="square" : '■' 기호로 목록을 표현
