HTMLリスト生成ツール

テキストからHTMLの順序付きリストと順序なしリストを生成します。

リスト項目

1行に1つのリスト項目を入力してください：

リストタイプ：

HTMLリスト生成ツールの使い方

1
リスト項目を入力する
項目をボックスに入力するか貼り付けます。1行につき1項目とします。
2
リストの種類を選ぶ
箇条書きには unordered list (ul) を、番号付きには ordered list (ol) を選びます。
3
詳細オプションを設定する
必要に応じて「Advanced Options」を開き、リストの ID、リストのクラス、項目のクラス、開始番号のカスタム値を追加します。

unordered list と ordered list のオプションの違いは何ですか?

unordered は箇条書きの <li> を持つ <ul> を生成し、ordered は番号付きの項目を持つ <ol> を生成します。ページ上でのリストの見せ方に合うほうを選んでください。

生成したリストに CSS クラスや ID を追加できますか?

はい。「Advanced Options」でリストの ID、<ul>/<ol> 要素のクラス、すべての <li> に適用するクラスを設定でき、出力を既存のスタイルにそのまま組み込めます。

1以外の番号から始まる番号付きリストを作るには?

ordered list に切り替え、「Advanced Options」の「Start Number」フィールドを設定します。これにより <ol> に start 属性が追加され、選んだ番号から採番が始まります。

空行は空のリスト項目になりますか?

いいえ。空行や空白だけの行は無視されるため、空でない行だけが <li> 要素になり、余分な空の項目ができることはありません。

生成された HTML はどこにでも貼り付けて安全ですか?

はい。マークアップは標準準拠のシンプルな ul/ol/li コードで、すべてブラウザ内で生成されます。何もアップロードされないので、あらゆるウェブサイト、CMS、エディターに貼り付けられます。