<ul> : ul 태그로 감싸고 각 항목을 li 태그를 써서 순서가 없는 목록을 만들 수 있음
티스토리 뷰
1. 개념
<ul> - 순서 없는 목록2. 태그
<ul>html5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<! DOCTYPE html>
<html lang = "kr" >
<head>
<meta charset = "utf-8" >
<title> 키보드와 하루 </title>
</head>
<body>
1
<ul>
<li> 순서 없는 목록1 </li>
<li> 순서 없는 목록2 </li>
<li style =' list-style-type : circle ' > 순서 없는 목록3 </li>
<li style =' list-style-type : circle ' > 순서 없는 목록4 </li>
<li style =' list-style-type : square ' > 순서 없는 목록5 </li>
<li style =' list-style-type : square ' > 순서 없는 목록6 </li>
</ul>
</body>
</html>
|
결과 화면
코드 설명
1
<ul><li> ...... </li></ul>
순서가 없는 목록을 만드는 태그는 ul 입니다.
각 항목은 li로 쓰면 항목 앞에 목록을 나타내는 원형 모형이 나타납니다.
기본 타입은 색깔이 있는 원형이고 list-style-type을 이용해서 모양을 바꿀 수 있습니다.
각 항목은 li로 쓰면 항목 앞에 목록을 나타내는 원형 모형이 나타납니다.
기본 타입은 색깔이 있는 원형이고 list-style-type을 이용해서 모양을 바꿀 수 있습니다.
'[개발]프로그래밍 > html5' 카테고리의 다른 글
| [html5] - <dl> - 제목과 설명을 구분하여 하나의 목록으로 만들기 (1) | 2021.01.13 |
|---|---|
| [html5] <ol> - 순서 있는 목록 (0) | 2021.01.12 |
| [html5] <mark> - 형광펜 효과 , <span> - 텍스트 영역 감싸 스타일 적용 (0) | 2020.12.31 |
| [html5] <q> - 따옴표로 인용문 표시 (0) | 2020.12.30 |
| [html5] <strong>,<b> - 텍스트 굵게 표시 및 차이점 (0) | 2020.12.29 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday