ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのolタグからラベルを削除するにはどうすればよいですか?

    タグの使い方まとめ

HTMLのolタグからラベルを削除するにはどうすればよいですか?
    タグの使い方まとめ

寻∝梦
寻∝梦オリジナル
2018-08-31 13:35:2119640ブラウズ

この記事では、HTML の

ol タグ からシリアル番号を削除する方法を紹介します。また、HTML の ol 順序付きリスト タグのシリアル番号を変更する方法も紹介します。シリアル番号は以下で紹介します。どのシリアル番号を入力するかを自分で決めることもできます。今すぐこの記事を見てみましょう

1. まず、HTML の ol タグからラベルを削除する方法を見てみましょう:

HTML の ol タグがタグの順序付きリストであることは誰もが知っています。通常は、1、2、3、4 のように続きます。場合によっては、このように続けたくない場合があり、これらの番号を自分のシリアル番号、A、I、などの別の番号に変更したいことがあります。たとえば、これらの記号が不要になり、その前のシリアル番号を削除したい場合は、まずシリアル番号を削除する方法について説明します。 (さらに詳しく知りたい場合は、PHP 中国語 Web サイトにアクセスしてください。

HTML プログラミングに関するコース)

最初に完全なコード例を見てみましょう

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<ol>
  <li>php中文网</li>
  <li>百度</li>
  <li>腾讯</li>
</ol>
</body>
</html>

これは基本的な OL タグ コードです。効果は次のとおりです。以下に示されています:

HTMLのolタグからラベルを削除するにはどうすればよいですか? <ol>タグの使い方まとめ

これらの ol タグのシリアル番号はデフォルトですべて 123 で始まり、すべてがデフォルトのシリアル番号として小文字を使用していることがわかります。そのため、シリアル番号を削除する必要があります。 。

それでは、ol タグのシリアル番号を削除したコード例を示します:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style type="text/css">
ol{
list-style:none;
}
</style>
</head>
<body>
<ol>
  <li>php中文网</li>
  <li>百度</li>
  <li>腾讯</li>
</ol>
</body>
</html>
跟上面也差

あまり多くはありませんが、ここでは上記よりももう少しカスケード スタイル シートの CSS スタイルを示します。このスタイルを今理解する必要はありません。 、これは将来行われる予定です。そう言えば、今行う必要があるのは、この CSS スタイルのコードを覚えておくことです。このスタイルの機能は、現在の Web ページのすべての ol タグのシリアル番号をキャンセルすることです。効果は以下のようになります:


HTMLのolタグからラベルを削除するにはどうすればよいですか? <ol>タグの使い方まとめ

上記はすでにシリアル番号がありません。 CSS スタイルが使用されているにもかかわらず、これは最も単純なスタイルの例にすぎません。この方法を使用してラベルを削除するのは、最も簡単で最も一般的に使用される方法です。

2. 次に、ol タグのシリアル番号を変更する方法を見てみましょう:

ここでは CSS スタイルは必要ありません。最も基本的な HTML タグの属性だけが必要です。

ここで、この ol タグに type 属性を導入します。type 属性は、ol リスト内のシリアル番号のタイプを定義します。

次に、「A」、「I」、「i」の 3 種類を試してみましょう:

以下はそのコードです:

<body>
<ol type="A">
  <li>php中文网</li>
  <li>百度</li>
  <li>腾讯</li>
</ol>
</body>

効果は以下のようになります:

HTMLのolタグからラベルを削除するにはどうすればよいですか? <ol>タグの使い方まとめ

この属性は、olタグのシリアル番号を「A」で始まるリストに変更したため、このように表示されます。

この type 属性の値が小文字の a、abc などから始まる「a」に等しい場合も同様です。

type 属性値が「I」の場合も同様です。効果を見てみましょう:

HTMLのolタグからラベルを削除するにはどうすればよいですか? <ol>タグの使い方まとめ

type 属性値が「i」の場合は、「」とほぼ同じです。私"。

HTML ol タグの使用法についての個人的なまとめ:

ここで、基本的に ol タグを使用してさまざまなリストを作成することを考えることができます。シリアル番号を任意のシリアル番号に変更できます。リスト。 ol 順序付きリストの定義は、順序番号が同じであれば、無限に拡張できる任意の順序番号を使用できるということです。したがって、順序付きリストを使用することをお勧めします。 (さらに詳しく知りたい場合は、ここに来てください:

PHP中国語オンラインHTMLコース)

【編集者のおすすめ】

HTMLのheadタグはどこにありますか? headタグの役割まとめ

HTML5のmetaタグの3つの要素とは?メタタグの使い方まとめ

以上がHTMLのolタグからラベルを削除するにはどうすればよいですか?

    タグの使い方まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。