HTMLのliタグ
- 24-07-2022
- Trung Minh
- 0 Comments
この記事では、HTMLのliタグについて学習します。これは、リストの要素を作成するために使用されるolまたはulタグ内のタグです。
1. HTMLのliタグは何に使用されますか?
liタグは、リスト内のアイテムを定義します。これは、olまたはulの2つの親タグ内にある子タグです。意図的にスタンドアロンに設定すると、HTML構造のエラーが発生します。
ソートされたリスト(olタグ)、ソートされていないリスト( ulタグ)、およびメニューリスト( menuタグ)でliタグを使用します。
ulタグの構文は次のとおりです。
<ul> <li>Phần tử 1</li> <li>Phần tử 2</li> <li>Phần tử 3</li> <li>Phần tử 4</li> </ul>
olタグの構文は次のとおりです。
<ol> <li>Phần tử 1</li> <li>Phần tử 2</li> <li>Phần tử 3</li> <li>Phần tử 4</li> </ol>
2.HTMLでliタグを使用する方法
例1 :liタグをolタグと組み合わせて使用して、コースのリストを作成します。
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vn</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <ol> <li>PHP</li> <li>Javascript</li> <li>Css</li> <li>HTML</li> </ol> </body> </html>
3.CSSでliタグをフォーマットします
CSSを使用してliタグの形式を変更する場合は、次の構文を使用できます。
<style> ul li{ } // hoặc ol li{ } </style>
意味は次のとおりです。ulタグ内のすべてのliタグに設定します。2番目の場合もolタグと同じです。
要素の前の特殊文字を削除する場合は、次のCSSプロパティを使用します。
<style> ul li{ list-style: none } </style>
4.HTMLliタグ属性
liは、HTMLグループのグローバル属性のほとんどの属性でサポートされています。
ブラウザのサポート:
- クロム
- Firefox
- IE
- サファリ
- オペラ
上記は、ulタグの情報と使用方法です。