인프런 실전 HTML CSS 강좌 정리 - HTML 기본2

인프런 실전 HTML CSS 강좌 정리 - HTML 기본2

---

https://youtu.be/HheApDKZkRo

 

리스트 태그 <ul>, <li>, <ol>, <dl>, <dt>, <dd>

1. 순서가 필요 없는 목록

<ul>태그 : unordered list

<li> 태그 : list item

 

2. 순서가 정해져 있는 목록 

<ol> 태그 : ordered list

 

3. 정의 리스트 태그

<dl> 태그

- Definition List

- 용어의 목록의 시작과 끝을 지정하는데 쓰인다

- 하위요소로는 <dt>, <dd> 태그가 있다

<dt> 태그

- Definition Team 약자

- 정의하고자 하는 제목을 나타내는 데 사용된다.

<dd> 태그

- Definition Description의 약자

- 내용을 적을 곳에 사용된다.

 <di>, <dt>, <dd> 모두 블록 요소(Block Element) 속성이다.

 

 

4. a 태그 속성

링크 클릭시 새로운 브라우저 창으로 설정한다.
예) <a href="#none" target="_blank">1.google</a>

taraget="_blank" 현재 브라우저의 부모 브라우저 창으로 설정한다.

taraget="_parent" 부모가 없는 경우 -self와 동일하다.

taraget="_self" 현재와 동일한 브라우저 창으로 설정한다.

taraget="_top" 최상의 브라우저 창에서 설정한다. 부모가 없는 경우 _self와 동일하다.

 

5. 표를 나타내는 <table>태그

표를 정의하며, 기본적으로 <tr>, <td>, <th>로 구성되어 있습니다.

추가적으로 <caption>, <col>, <colgroup>, <thead>, <tbody>, <tfoot> 요소를 포함하고 있다.

주로 게시판 영역이나 회원가입 영역에 사용합니다.레이아웃을 목적으로 사용은 적합하지 않지만,

예외적으로 메일을 보낼 때는 레이아웃을 목적으로 사용이 가능하다.

 

6. 이미지를 출력하는 <img>태그 

속성(Property)

alt = "텍스트" : 이미지의 대체 문자를 설정

src = "이미지 경로" : 이미지의 경로를 설정

align left, right, top, middle, bottom : 왼쪽, 오른쪽, 위, 중간, 아래쪽으로 정렬

 

7. 사운드를 출력하는 <audio>태그

속성 : 인라인 요소 (Inline Element)

 

http://keunsoop.tistory.com/29

인프런 실전 HTML CSS 강좌 정리 - HTML 기본