1. ホーム
  2. Web制作
  3. html5

HTML5ページの要素と属性の分析

2022-01-11 21:44:17

I. リスト要素

1.ul要素

ulは非順序型リストで、リスト項目間に順序レベルはなく、通常は並置され、順不同にソートされています。
構文は以下の通りです。

<ul>
  <li>List item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  ...
</ul>  

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ul element usage</title>
	</head>
	<body>
		<ul>
			<li>spring</li>
			<li>summer</li>
			<li>Autumn</li>
			<li>winter</li>
		</ul>
	</body>
</html>

効果を発揮します。


ul li タグの各要素の前にドット

2. ol要素

olは順序付きリスト、つまり、ある順序を持ったリストです。
フォーマットは

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>list item 3</li>
    ...
</ol>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ol element usage</title>
	</head>
	<body>
		<ol>
			<li>apple</li>
			<li>bananas</li>
			<li>oranges</li>
			<li>lemon</li>
		</ol>
	</body>
</html>

効果を発揮します。