HTML Web ページ リスト タグ学習チュートリアル

HTML Web ページ リスト タグ学習チュートリアル <ul> 順序なしリスト<ol> 順序ありリスト<dir> ディレクトリリスト<dl> 定義リスト<menu> メニューリスト<dt>, <dd> 定義リストタグ<li> リスト項目タグ 順序ありリストタグ<OL>
順序付きリストでは、項目を整理するために箇条書きではなく番号を使用します。リスト内の項目は数字または英語の文字で始まり、通常、項目間には順序があります。順序付きリストでは、2 つのタグ <ol> と <li> が主に type および 2 つの start 属性とともに使用されます。
基本的な構文<ol> <li>プロジェクト 1<li>プロジェクト 2<li>プロジェクト 3… </ol>
構文の説明 順序付きリストでは、順序宣言として <ol> を使用し、各項目の開始として <li> を使用します。 ファイル例: 7-1.htm
順序付きリストは、<ol> タグと <li> タグを使用して作成されます。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 7-1.htm -->
03 <!-- ファイルの説明: 順序付きリストを作成する -->
04 <!-- -------------------------------- -->
05 <html>
06 <ヘッド>
07 <title>順序付きリストを作成する</title>
08 </head>
09 <本文>
10 <h2>グラフィック デザイン ソフトウェア</h2>
11 <オル>
12 フォトショップ
13 イラストレーター
14 <li>フリーハンド
15 コーレルドロー
16 </ol>
17 </本文>
18 </html> ファイルの説明の 11 行目では、リストの種類を順序付きとして定義し、12 行目から 15 行目では、リスト項目の先頭として <li> タグを使用します。
前のページ1 2 3 4 5 6 7 8 次のページ 全文を読む
HTML Web ページ リスト タグの学習チュートリアル。
HTML ページでは、リストはアウトラインとして機能します。リストには、順序付きリストと順序なしリストの 2 種類があります。前者は順序のない項目をマークするために箇条書きを使用し、後者は項目の順序を記録するために番号を使用します。 順序付きとは、リスト項目が数字や文字などの順序に従って配置されていることを意味します。 いわゆる順序なしとは、●、○、□などで始まり、順序がないリスト項目を指します。
リストの主なタグは次の表に示されています。
マーク説明する

<<:  MySQL 面接でよく聞かれる質問への回答

>>:  CSS と Bootstrap アイコンを使用して、上下にジャンプするインジケーター矢印のアニメーション効果を作成します。

推薦する

JavaScript で Webpack を使用するチュートリアル

目次0. Webpackとは1. Webpackの使用2. Webpackのコアコンセプト2.1 エ...

MySQL で特定の日、月、または年のデータをクエリするためのコードの詳細な説明

今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...

CSS ボックスを中央揃えするためのよく使われるいくつかの方法 (要約)

最初のもの: CSSの位置プロパティの使用 <スタイル タイプ="text/css&...

CSSはリモコンのボタンを模倣する

注: このデモはミニプログラム環境でテストされており、他の h5 および pc Web ページにも適...

MySQLクエリ最適化プロセスを理解する

目次パーサーとプリプロセッサクエリオプティマイザーMySQL クエリの最適化には、解析、前処理、最適...

インデックスとテーブルリターンをカバーするMySQLの使い方

インデックスの2つの主要なカテゴリ使用されるストレージエンジン: MySQL 5.7 InnoDBク...

フォームで完全な選択または逆選択効果を実現する JavaScript

この記事では、フォームの完全選択または逆選択を実現するためのJavaScriptの具体的なコードを参...

Js クラスの構築と継承のケースの詳細な説明

JS のクラスの定義や継承は本当に多様なので、別のノートブックを開いて記録しておきます。意味オブジェ...

Vue の計算プロパティの紹介

目次1. 計算プロパティとは何ですか? 2. 計算プロパティの構文3. 例1. 計算プロパティとは何...

Linux bzip2 コマンドの使用

1. コマンドの紹介bzip2 は、ファイルの圧縮と解凍に使用されます。これは、Linux システム...

フォームの送信イベントが応答しない

1. 問題の説明<br />JS を使用してフォームの送信メソッドを呼び出してフォームを...

トークン生成と検証を実装するミニプログラム

目次プロセスデモミニプログラムバックエンドインターフェースプロセス各リクエストインターフェースは検証...

要素の読み込み効果を実現するための純粋なHTML+CSS

これは Element UI の読み込みコンポーネントのエフェクトです。かっこいいですね。実装してみ...

MySQLパーティションテーブルは月別に分類されています

目次テーブルを作成するデータベース ファイルを表示します。入れるクエリ消去補足:Mysqlは月テーブ...

MySQL のインストール方法と設定に関するいくつかの問題の概要

1. MySQL rpm パッケージのインストール # インストールソースをダウンロードします [r...