ホームページ > 記事 > ウェブフロントエンド > HTMLのolタグからラベルを削除するにはどうすればよいですか?
この記事では、HTML の
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 タグ コードです。効果は次のとおりです。以下に示されています: これらの 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 タグのシリアル番号をキャンセルすることです。効果は以下のようになります:
2. 次に、ol タグのシリアル番号を変更する方法を見てみましょう:
ここで、この ol タグに type 属性を導入します。type 属性は、ol リスト内のシリアル番号のタイプを定義します。
次に、「A」、「I」、「i」の 3 種類を試してみましょう: 以下はそのコードです:<body> <ol type="A"> <li>php中文网</li> <li>百度</li> <li>腾讯</li> </ol> </body>効果は以下のようになります: この属性は、olタグのシリアル番号を「A」で始まるリストに変更したため、このように表示されます。 この type 属性の値が小文字の a、abc などから始まる「a」に等しい場合も同様です。 type 属性値が「I」の場合も同様です。効果を見てみましょう: type 属性値が「i」の場合は、「」とほぼ同じです。私"。
HTML ol タグの使用法についての個人的なまとめ:
ここで、基本的に ol タグを使用してさまざまなリストを作成することを考えることができます。シリアル番号を任意のシリアル番号に変更できます。リスト。 ol 順序付きリストの定義は、順序番号が同じであれば、無限に拡張できる任意の順序番号を使用できるということです。したがって、順序付きリストを使用することをお勧めします。 (さらに詳しく知りたい場合は、ここに来てください:PHP中国語オンラインHTMLコース)
【編集者のおすすめ】HTMLのheadタグはどこにありますか? headタグの役割まとめ
HTML5のmetaタグの3つの要素とは?メタタグの使い方まとめ
以上がHTMLのolタグからラベルを削除するにはどうすればよいですか?