2008-04-06 Sun

ブログを書くスピードを大幅アップ!テキスト & リンク作成ツール特集 RSS あとで読む kwout this!

BLOG

ブログを書くとき、ブログサービスの編集画面や、最近では携帯からブログを更新するという方も多いと思います。気軽に更新できるのがブログの良いところですが、もっと効率よくブログを更新したい!もっとたくさんの人に読まれたい!という方向けの特集です。

そこで今回は、主にブログでよく使う「見出し」「強調」「リンクの作成」「引用」など、そのままコピペで使える XHTML 要素と、スピーディかつ簡単にマークアップするためのシンプルなテキストエディタ & ちょっと差の付くリンク作成関連のツールをまとめて紹介します。

HTML初心者の方も、これでブログを書くスピードが大幅にアップ! また、正しい(X)HTMLで書くことによってSEO効果も期待できます。

ブログでよく使うXHTML要素

そのままコピー & ペーストしてテキストを書き換えてお使いください。

段落(p要素)
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
改行(br要素)
テキスト<br />テキスト
見出し(heading要素/h1~h6)
<h4>見出し</h4>
強調(strong要素)
<strong>強調したいテキスト</strong>
引用(blockquote要素)
<blockquote cite="URL" title="タイトル">
 <p>
 引用テキスト
 引用テキスト
 </p>
</blockquote>
<cite><a href="URL">タイトル</a> から引用</cite>
テキストリンク(a要素)
<a href="リンク先のURL">リンクテキスト</a>
画像リンク
<a href="リンク先のURL">
<img src="画像ファイルのURL" alt="代替テキスト" /></a>
箇条書きリスト(ul/li要素)
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
番号付きリスト(ol/li要素)
<ol>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>

追記(4/7):br要素・img要素は終了タグ不要ですが、XHTML で空要素は半角スペースを空けて <img /> と記述します。

(X)HTML の詳しい説明は、こちらのサイトが参考になります。
参考:ごく簡単なHTMLの説明 はてなブックマーク数


無料テキストエディタ

テキストエディタを使うと、簡単に効率よく(X)HTMLの編集をすることができます。優れたテキストエディタはたくさんありますが、シンプルで代表的なものを紹介します。

参考: HTML作成に使うテキストエディタを選ぶため若干のヒント


リンク作成関連ツール(ブックマークレット)

Amazonリンク作成

引用関連ツール


サムネイルリンク作成


実体参照変換

実体参照とは、文字列内の < > & など特殊文字を記述するための符号です。

他にも便利なツールがあれば、教えていただけると幸いです。

【関連エントリー】

del.icio.us コメントを表示 はてなブックマークはてなブックマーク livedoorCriplivedoorCrip Yahoo!ブックマークに登録 Yahoo!ブックマーク
posted by らぶ | Comment(4)  | TrackBack(2)  | 02 Blog*.
Comments
「画像リンク」のimgタグはでは?
Nomai at 2008-04-07 01:56
失礼しました。
訂正『<img />では?』
Nomai at 2008-04-07 02:01
■Nomaiさん
ご指摘感謝します。
記事を修正・追記しました。
コメントありがとう。
らぶ at 2008-04-07 06:57
べっ、べつにアンタのためじゃないんだからね!(人・ω・)$ http://64n.co/
ありません at 2012-01-24 23:21
Add Comment
Name:

URL:

Comment:

Trackback
この記事へのトラックバック

HTMLとAddClips
Excerpt: ■ブログを書くスピードを大幅アップ!テキスト & リンク作成ツール特集:Love&Design  Love&Designさんの記事内にLinkの 参考:ごく簡単なHTMLの説...
Weblog: ■現場のJW+Web2.0■
Tracked: 2008-04-06 20:11
Make Linkが完全体に
Excerpt: [☆] Make LinkはCopy URL+よりも使いやすい http://www.stellaworks.info/blog/2007/03/make_link.html Copy URL+のよ..
Weblog: 奇妙に、そしてささやかに。
Tracked: 2008-04-07 02:12
人気エントリー Top 10
MoMAstore