02 - 2 . 텍스트 관련 태그들 (중)

역시 마찬가지로

<태그> 내용 <태그> (어원)

설명

의 순으로 진행된다.

 

이것보다 더 기본적인 태그들은 이쪽으로

https://onutoa111.tistory.com/34

 

<small> ~ </small>

부가 정보처럼 작게 표시해도 되는 텍스트 ex)

부가세 별도

 

_~ 아래 첨자 ex) H₂O

 

<s> ~ </s>  ex) 취소선

 

<u> ~ </u> 단순 밑줄(링크 표시 용도는 아니다.)

 

<ul> (unordered list)

    <li> 내용 </li> (list item)

    ....

</ul>

순서가 없는 목록

(· ~~ )

(· ~~ )와 같은 형식으로 나타난다.

 

<ol> (ordered list)

    <li> 내용 </li>

    ....

</ol> 

순서가 있는 목록

 

<ol>에는 3가지 속성이 존재하는데, 다음과 같다.

 

1. type

type에서 적용할 수 있는 속성 값은 아래와 같다.

 

속성 값	설명
1	숫자(default)
a	영문 소문자
A	영문 대문자
i	로마숫자 소문자
I	로마문자 대문자

2. start -> 시작점

3. reversed -> 역순

 

예시)

<ol type = "a" start = "3">  의 경우, c부터 시작한다.

 

<li>의 추가 기능

여러 항목이 나열될 때 </li>를 생략해도 <li> 뒤의 <li>를 발견하게 되면 그 사이에 <li>이 있는걸로 판단한다.

단, 목록 속 목록은 <li> ~ </li>안에 넣어야 한다.

 

<dl> (decsription list) -> 단어 / 정의, 질문 / 답과 같은 느낌이다.

    <dt> 제목 </dt>

    <dd> 설명 </dd>

    ....

</dl>

제목 -> 설명(한쌍이 된다.)

 

아래와 같은 형식으로 입력된다.

제목

설명

HTML에서의 주석은 

<!-- ~ -->

CSS에서의 주석은

/* ~ */이다.