コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLの順序付きリストと順序なしリストのグラフィックコードの詳細な説明

HTMLの順序付きリストと順序なしリストのグラフィックコードの詳細な説明

黄舟
リリース： 2017-07-26 09:19:23
オリジナル
6389 人が閲覧しました

順序付きリストを作成します。コードは次のとおりです: 

<html>
<h2>数字显示</h2>
<ol>
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>

<h2>字母显示</h2>
<ol type="a">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>

<h2>小写罗马数字显示</h2>
<ol type="i">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>

<h2>大写罗马数字显示</h2>
<ol type="I">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>

<h2>数字显示,自己确定开始数字</h2>
<ol start="5">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>
<html>
ログイン後にコピー

表示効果は次のとおりです:

順序なしリストのコードは次のとおりです: 

<html>
********默认为实心圆*********
<ul>
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ul>

********空心圆显示*********
<ul type="circle">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ul>

********实心矩形显示*********
<ul type="square">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ul>
</html>
ログイン後にコピー

表示効果は次のとおりです:

以上がHTMLの順序付きリストと順序なしリストのグラフィックコードの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html リスト
前の記事：HTMLのリストのサンプルコードを詳しく解説（写真） 次の記事：htmlのリストスタイル例を詳しく解説
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
<html><>と入力すると、どのようにして<html></html>になるのでしょうか？
から 1970-01-01 08:00:00
0
0
0
HTMLの概要
から 1970-01-01 08:00:00
0
0
0
HTMLの概要
から 1970-01-01 08:00:00
0
0
0
HTMLとHTML5の違い
から 1970-01-01 08:00:00
0
0
0
HTML コンテンツを別の HTML ページに送信する方法
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート