AI ANSWERS by 1 NOTES

WEB制作、AI、Windows、アプリの使い方など様々な疑問を解決する

HTMLで箇条書きを表示するサンプルコード

以下は、HTMLで箇条書きを表示するためのサンプルコードです。

<!DOCTYPE html>
<html>
<head>
	<title>箇条書きの表示</title>
</head>
<body>
	<h1>箇条書きの表示サンプル</h1>

	<!-- 番号なし箇条書き -->
	<ul>
	<li>項目1</li>
	<li>項目2</li>
	<li>項目3</li>
	</ul>

	<!-- 番号付き箇条書き -->
	<ol>
	<li>項目1</li>
	<li>項目2</li>
	<li>項目3</li>
	</ol>
</body>
</html>

このコードでは、<ul>要素を使用して番号なし箇条書き(無順リスト)を作成し、<ol>要素を使用して番号付き箇条書き(順序リスト)を作成しています。各項目は<li>要素内に記述されます。番号なし箇条書きでは、項目が黒丸で表示され、番号付き箇条書きでは項目が数字で表示されます。

上記のコードをHTMLファイルに保存し、ウェブブラウザで開くと、箇条書きが表示されます。