웹 문서 내용 입력(2)
2025. 9. 2. 23:58ㆍ웹 기초/html
<ol>, <ul>
- <ol> : ordered list의 약자. 속성을 통해서 순서를 어떤 방식으로 지정해 줄지 정해줌.
- <ul> : unordered list의 약자. 순서가 존재하지 않음.
- <ol>태그와 <ul> 태그 사이에 <li>를 넣어서 리스트를 적용!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ssjjss</title>
</head>
<body>
<p>favoriterank</p>
<ol>
<li>programming</li>
<li>math</li>
<li>physics</li>
<li>etc..</li>
</ol>
<p>Items to bring</p>
<ul>
<li>book</li>
<li>pencil</li>
<li>ruler</li>
<li>etc..</li>
</ul>
</body>
</html>
cf)
<ol> 태그의 type, start 속성
-type="i" : 로마자 i로 순서를 지정
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ssjjss</title> </head> <body> <p>favoriterank</p> <ol type="i"> <li>programming</li> <li>math</li> <li>physics</li> <li>etc..</li> </ol> </body> </html>-type="a" : 알파벳 a부터 순서로 지정 -start="" : 큰 따옴표 사이에 숫자를 넣어서 시작할 순서를 지정해 줌
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ssjjss</title> </head> <body> <p>favoriterank</p> <ol type="a" start="2"> <li>programming</li> <li>math</li> <li>physics</li> <li>etc..</li> </ol> </body> </html>
<dl>, <dt>, <dd>
- <dl> : description list로 이름과 값 형태로 된 목록. 태그 사이에는 한 쌍의 <dt> 태그와 <dl> 태그를 작성해 줌.
- <dt> 에는 보통 제목을 넣어주고 <dd> 에는 상세 내용을 넣어줌.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ssjjss</title>
</head>
<body>
<p>favoriterank</p>
<dl>
<dt>SSU</dt>
<dd>형남 공학관</dd>
<dd>진리관</dd>
<dd>조만식 기념관</dd>
<dd>etc..</dd>
</dl>
</body>
</html>