[멋쟁이사자처럼] HTML 태그2 (리스트,분할,이미지,동영상)

리스트 태그 <li></li>

• 순서가 있는 리스트 : <ol></o1> (ordered list)

  1. 첫번째 리스트
  2. 두번째 리스트
  3. 세번째 리스트

• 순서가 없는 리스트 : <ul></ul> (unordered list)

  • 순서 없는 첫번째 리스트
  • 순서 없는 두번째 리스트
  • 순서 없는 세번째 리스트

• 안에 item들은 각각 <li></li>로 감싸면 된다

• 리스트는 중첩이 가능하다

<ol>
  <li> 첫번째 리스트</li>
  <li> 두번째 리스트</li>
  <li> 세번째 리스트</li>
</ol>

<ul>
  <li> 순서 없는 첫번째 리스트</li>
  <li> 순서 없는 두번째 리스트</li>
  <li> 순서 없는 세번째 리스트</li>
</ul>

---

분할 태그 <div> 와 <span>

웹 페이지의 영역을 나누는 용도

• div : 자동 줄바꿈 , display : block
• span : 줄바꿈 안 됨, display : inline

---

이미지 태그와 동영상 태그 <img> 와 <iframe>

이미지 태그

<img src="www.abcd.com" alt="오류 메세지입니다" height=100px, width=100px>

• src속성의 값으로 큰따옴표 안에 이미지의 저장위치를 입력한다.
• alt는 정상적으로 이미지 불러오기를 실패했을 때 나타내는 메세지를 지정해 줄 수 있는 속성이다.
• height와 width로 이미지의 가로 세로 길이를 조정할 수 있다.

동영상 태그 <iframe>태그

→ 유튜브에서 동영상 퍼가기 기능!