/ リストは何ですか?リストタイプ

リストは何ですか?リストタイプ

原則として、いくつかの情報がリストとして最もよく提示されます。リストの種類により、これをできるだけ便利に行うことができます。ユーザーが実線のテキストを見た場合、彼は不便に読むでしょう。

リストのおかげで、ユーザーは読みやすいリストされた項目はすべて1行で表示されます。そのため、サイトやWord文書などのテキストエディタで常に使用されています。

HTMLリストのタイプ

リストには番号を付けることができます。

番号付きリストは、アラビア語、ローマ数字、文字などを使用しているので、列挙することができます。

マークされたリストは、異なるマーカー(点、円、四角、矢印など)を使用します。

リスト内の項目をソートする例をいくつか示します。

リストタイプのリスト

上記の図は、単純な単一レベルのリストを示しています。しかし、ドキュメントでは、マルチレベルを使用することができます。レベルは無限の数にすることができます。

HTMLリストのタイプ

上の図は、複数レベルの番号付き箇条書きと箇条書き付きリストを示しています。

作成する

htmlでは、リストを作成するのは非常に簡単です。 html-markupのリストのタイプは非常に似ています。これらのタグは、最初と最後のタグでのみ異なります。リスト項目自体は同じタグで示されます。ここでは混乱することはありません。

番号付きリストを作成する例を考えてみましょう。

<ol>

<li>アイテム1 </ li>

<li>番号2 </ li>

<li>番号3 </ li>

</ ol>

このコードは、アラビア数字で通常のリストを持つのに十分です。このソートオプションは、デフォルトで設定されています。残りのオプションはもう少し考慮されます。

箇条書きのリストは次のようになります。

<ul>

<li>アイテム1 </ li>

<li>番号2 </ li>

<li>番号3 </ li>

</ ul>

違いは、列挙列挙ではolタグが置かれ、番号なし列挙ではulが置かれる点です。

Wordでのリストの種類

Wordエディタでは、リストタイプが正確に作成されます同じ。さらに、一部のHTMLコードエディタでは、「Word」からコンテンツをエクスポートする機能があります。これらのリストは完全に転送され、対応するタグによって処理されます。

htmlで複数のレベルのリストを作成することが難しい場合は、最初にWordエディタで作成できます。次に、それをhtml-markupに翻訳します。

Microsoft Wordでリストを作成する方法を検討します。特別な「リスト」パネルがあります。リストの種類はグループに分かれています。

単語のリストの種類

任意のタイプをクリックすると、すぐにソートオプションを提供しました。上記の図では、番号の付いていないリストのマーカータイプを選択することをお勧めします。他のオプションについても同様です。

単語の種類のリスト

複数レベルのリストのライブラリを開くと、混合ソートが表示されます。

多レベル単語リスト

リスト操作

Wordエディタでは、任意のリストを変換できます。 リストの種類は、メインパネルまたは右クリックによって選択されます。このフォームで表示するテキストを選択し、マウスの右ボタンを押す必要があります。

ナンバリングワード

番号付きリストと箇条書きリストの両方を選択できます。

箇条書きの単語リスト

さらに、初期値を指定することも可能です基準位置。たとえば、10日から12日までアイテムを推測する必要があります。しかし、デフォルトでは、リストは第1項目のものになります。これを行うには、初期値を "10"に設定する必要があります。

単語のリストに初期値を設定する

ご覧のとおり、インデントを変更することもできます。

3番目の項目だけを選択してマウスの右ボタンを押すと、一覧から列挙を開始することができます。

1からもう一度番号を付ける

シンプルリストからいつでも実行できますマルチレベル。これを行うには、目的の項目の上に立ってマウスを右クリックする必要があります。次に、メニュー項目 "番号付け"に行き、下部にある "リストのレベルを変更"をクリックします。

単語の種類のリスト

実際、複雑なことは何もありません。 すべてのメニュー項目は慎重に作成されます。コンテキストメニュー(右キーを押すと)は常に変更され、クリックした内容(リスト、リンク、画像など)によって異なります。

htmlのリストの登録

スタイルクラスを使用してタグを飾ることができます。毎回個別に初めに、それは、様々なオプションの一覧表を示しました。小数点、円、円などのオプションがリストされていました。この値は、プロパティクラスやスタイルのlist-style型で指定する必要があります。

たとえば、次のようになります。

.sort {

list-style-type:ディスク;

}

いくつかのリストにクラスの並べ替えを指定するだけで十分です。それはそれに応じて表現されます。

Wordエディタでは、初期値を設定できます。これは上記のとおりです。同じことがhtmlでも許されています。

これは、開始属性によって行われます。初期値が「5」の項目の出力例:

<ol start = "5">

<li>アイテム1 </ li>

<li>番号2 </ li>

<li>番号3 </ li>

</ ol>

結果として、1,2,3という数字ではなく、数字5,6,7が表示されます。

さらに、マーカの配置場所を内側または外側に指定できます。以下に例を示します。

リスト内のマーカーの位置

このリストに加えて、あらゆる種類のCSSトリックを適用することができます。つまり、リスト項目は次のようになります。

  • 任意の色で飾る;
  • 任意のインデントを指定します。
  • 任意のフォントサイズを指定します。
  • 任意のフォントを指定します。
  • ポイント間の距離を調整する。
  • 背景色を設定します。
  • 任意のマーカーを指定します。
  • 影を描く。
  • 一般的にマーカーを除去する;
  • 項目を水平に引き出す。
  • 親アイテムとはまったく異なる複数レベルのリストを作成するなど、多くの機能があります。

たとえば、リストは次の形式で表示できます。

ラウンドポイント付きの美しいリスト

リストを書くとき、主なことはそれをやりすぎることではありません。彼らは情報の認識を促進する役目を果たします。このすべてを多色の恥辱に変える必要はありません。

関連ニュース


コメント(0)

コメントを追加