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

目安時間:約 3分
  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

手書きのリスト

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

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

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

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

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

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

箇条書き(リスト)の作り方

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

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

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

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

箇条書きのテキスト入力

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

箇条書きの生成

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

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

 
とっても簡単でしたね!

番号付きリストの作り方

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

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

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

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

番号付きリストの生成

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

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

  1. ホップ
  2. ステップ
  3. ジャンプ

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

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

今ならメルマガに登録していただくと、そのなかで
私が作ったアドセンスブログの実物(URL付き)を限定公開しています。

また、FC2ブログとSeesaaブログのアドセンス用テンプレートもプレゼントいたします。

アドセンスで単価が高いジャンルの探し方など、ブログではお伝えできないことも書いてますので、ぜひぜひ読んでみてください。

もちろんすべて無料です!

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








  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
このブログを書いている人

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

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

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

最近の投稿
【必読】アドセンス初心者が知っておくべき知識10選
記事の検索はこちら
カテゴリー
タグ
お問い合わせはこちらから

聞いてみたいことがあれば、お気軽にメールをください!

ブログに投票をお願いします