を使用してHTMLで箇条書きを作成する
- タグ。
箇条書きを使用すると、テキストの大きな塊を分割し、有用な情報のリストを指摘するのに役立ちます。 箇条書きはワードプロセッシングソフトウェアで簡単に作成できますが、HTMLドキュメントを入力するときは、箇条書きを作成するためのコードを知っている必要があります。 箇条書きを作成するのに必要なコードはそれほど多くありません。 各リストを
- または「順序付けられていないリスト」タグ。 その後、カスケードスタイルシートコードを使用して、箇条書きリストでやりたいことが何でもできます。
ステップ1
箇条書きのテキストを書きます。 各ポイントを独自の線で開始します。 各行を
今日のビデオ
ステップ2
箇条書きの上に空白行を作成し、開口部を入力します
- その行にタグを付けます。 箇条書きの最後を見つけて、そこに別の空白行を作成します。 クロージングを入力します
- 鬼ごっこ。 ID属性を持つ短い箇条書きの例を次に示します。
- 弾丸1
- 箇条書き2
ステップ3
「スタイル」を使用して、CSSコードを使用して箇条書きリストを作成します。 とタグの間のタグの間にCSSコードを追加するか、外部の.CSSファイルにCSSコードを記述し、 このようなタグ：. 「path / to / stylesheet.css」を、作成した.CSSファイルへのパスに変更します。 IDまたはクラス属性を使用して、次のように箇条書きリストを選択します。
#mylist li {font-style：italic; }
上記のコードはすべてを選択します
ステップ4
箇条書きの種類を変更するには、CSSの「list-style」プロパティを使用します。 使用可能な箇条書きの種類には、白丸、塗りつぶされた円盤、番号のない、アルファベット順でないリストの四角が含まれます。 四角い弾丸の例を次に示します。
#mylist li {リストスタイル：正方形;}
ヒント
使用
- 代わりにタグ
- 順序付きリストを作成します。 次に、「リストスタイル」タイプをさまざまなタイプの数字または文字に設定できます。
- 繰り返されない、左揃えの背景画像にタグを付けます。 それぞれの左側にパディングを追加します
- タグを付けてテキストを移動します。そうしないと、画像と重なってしまいます。
「list-style」属性に「none」を指定して画像の箇条書きを作成し、
