箇条書き＆番号付きリストをhtmlを触らず1分で作る方法と使い方

目安時間：約 3分

手書きのリスト

箇条書きを「・」を使って書いていませんか？

番号付きリストを「1.2.3」と自分で数字を振って書いていませんか？

これはどちらも正しいhtmlの記述方法と言えません。

でもいちいちhtmlのタグを用いて書くのは面倒ですよね？

でもご安心ください。ただ表示させたい項目を入力するだけで自動的に箇条書き＆数字付きリストを自動生成してくれるツールがあるんです。

その使い方をご紹介します。

箇条書き（リスト）の作り方

まず箇条書きから作っていきましょう。こちらの

⇒リストタグ自動挿入ツール

にアクセスしてください。

そして「テキスト入力」の欄に箇条書きにしたい項目を直接書き込むか、文字列を貼り付けてください。

箇条書きのテキスト入力

次に「更新する」をクリックします。するとhtmlタグが付与されたコードが出力されますので「コード選択」をクリックしてコピーし、記事の任意の場所に貼り付ければ完成です。

箇条書きの生成

完成した箇条書き（リスト）がこちらです。

ドラえもん
パーマン
キテレツ大百科

とっても簡単でしたね！

番号付きリストの作り方

続いて頭に数字が付いた「番号付きリスト」の作り方を作っていきます。

先ほどと同じリストタグ自動挿入ツールにアクセスし、同じようにテキスト入力の欄に数字で順番を付けたい項目を直接書き込むか、文字列を貼り付けてください。

番号付きリストのテキスト入力

次に「OL（順序付きのリスト）」のチェックボックスにチェックを入れて「更新する」をクリックします。

番号付きリストの生成

そして「コード選択」をクリックしてコピーし、記事に貼り付ければ完成です

完成した番号付きリストがこちらです。

ホップ
ステップ
ジャンプ

使い方としては料理など何かの工程を説明する時に向いてますね。

【今だけ】アドセンスブログ（実物）を公開中

今ならメルマガに登録していただくと、そのメルマガ内にて

私が作ったアドセンスブログの実物（URL付き）

を限定公開しています。

また、特別に私も愛用中の非常にクリック率が高い

『FC2ブログとSeesaaブログ用のアドセンス用テンプレート』

もプレゼントいたします。

メルマガではアドセンスで単価が高いジャンルの探し方などこのブログでは書きにくいことも包み隠さず暴露しています。

メルマガの登録や購読は、もちろんすべて「無料」！

登録は下の登録フォームに

・姓（名字）
・名（名前）
・メールアドレス

をご入力ください。

※姓・名ともハンドルネームなど
本名以外での登録でもかまいません。

↓↓↓↓↓↓↓↓↓↓↓↓

メルマガへのお申し込みはこちらから

ブログ・サイト作成 0

コメントフォーム

トラックバックURL:

記事の検索はこちら

このブログを書いている人

・2010年10月よりアドセンスを開始

・2015年6月に1ブログで30万円超えを達成

⇒くわしいプロフィールはこちら