[HTML] 리스트 태그/디테일 태그/포함 태그/테이블 태그 사용법

 

 

---

리스트태그

 

• <li></li> : 목록들 넣기
• <ol></ol> : 번호 있음
• <ul></ul> : 번호 없이 모양 ( 모양에 따라 type= "square" / " round")

 

 

 

 

 

 

 

 

 

 

 

---

디테일 태그

 

 

 

 

• <details></details> : 숨길 내용 삽입
• <summary></summary> : details 안에 삽입 , 사이에 제목 넣기

 

 

 

 

 

 

 

---

 

포함태그

 

 

• <iframe></iframe> : 다른페이지 현제페이지로 삽입
• 유튜브 : 공유 -> 퍼가기 -> 복사 해서 그대로 붙여넣기

 

 

 

 

 

• 자동 재생 : 링크바로뒤에 ?autoplay = 1
• 음소거 :  mute=1
• 자동재생 + 음소거 : ?autoplay=1&mute=1

 

 

 

 

 

 

 

 

 

 

---

테이블태그

• 행 개수 표현 : tr -> 가장 먼저 만들기  ( tr *개수)
• 셀을 넣을 때 제목이다 : th (th * 개수)
• 셀을 넣을 때 그냥 이름 : td
• caption : 테이블 제목

 

 

 

 

 

• 테이블 가운데로 옮겨서 정렬 : table 란에 align="center" 삽입
• 셀 안에 글자 가운데 정렬 : tr 란에 align = "center" 삽입

 

 

 

 

 

• 배경색 추가 : td란에 bgcolor = "skyblue"

 

 

 

 

< 색상코드 검색하여 나오는 헥스 코드 삽입 >