[프론트엔드 입문] 3-1 HTML 기본 태그 2

1. HTML List

[1] Ordered HTMl List

: 순위가 있는 리스트

1) 예시

• type 속성을 통해 종류를 지정할 수 있다. (기본 값은 1, a, A, I 등)
• <ol> 태그를 사용하고, <li> 태그를 사용한다.
• <ul> 태그의 경우 unordered list로 순위가 없는 리스트를 의미한다.

[2] Description List

: 글에 대한 정의를 내릴 때 사용하는 리스트

1) 예시

• <dt> 를 사용하여 타이틀을 지정
• <dd> 를 사용하여 데이터를 지정

[3] Nested HTML List

: 중럽 리스트를 만들 수 있다.

1) 예시

2. HTML Write text

[1] <h{x}> tag

: 제목이나 주제를 나타내는 텍스트로 표현할 때 사용

• <h{x}> ~ </h{x}>로 사용한다.

1) 예시

[2] <p> tag

: 본문의 문단을 작성할 때 사용

• <p> ~ </p>로 사용한다.

1) 예시

[3] <br> tag

: 문단에서 줄 바꿈할 때 사용

• <br>로 사용한다.

1) 예시

[4] <blockquote tag

: 출처에서 인용한 문단 단위 텍스트를 작성할 대 사용

1) 특징

• 출처가 확실한 인용문은 cite 속성으로 출처 경로를 명시해야 한다.
• <blockquote cite = "출처 URL"> ~ </blockquote>

2) 예시

[5] <q> tag

: 문단 안에 텍스트 단위의 짧은 인용문을 작성할 때 사용할 수 있는 태그

1) 특징

• q 태그를 사용한 콘텐츠는 큰 따옴표로 묶인다.
• <q cute = "출처 URL"> ~ </p>

2) 예시

[6] <ins>, <del> tag

1) <ins>

: 새로 추가된 텍스트임을 나타낼 때 사용한다.

• <ins> ~ <ins>

2) <del>

: 기존에 있던 텍스트가 삭제된 텍스트임을 나타낼 때 사용한다.

• <del> ~ </del>

3) 예시

[7] <sub>, <sup> tag

1) <sub>

: 아래 첨자 텍스트 작성

• <sub> ~ <sub>

2) <sup>

: 위 첨자 텍스트 작성

• <sup> ~ </sup>

3) 예시

3. HTML Create a list

[1] <ul> tag

: 비순서형 목록 생성 태그

1) 예시

[2] <ol> tag

: 순서형 목록 생성 태그

1) 예시

[3] <dl> tag

: 정의형 목록 생성 태그

1) <dt>

: 용어

2) <dd>

: 용어 설명

3) 예시