My OperaブログのHTML利用
Friday, January 16, 2009 9:27:11 PM
▼1009A▼
ブログのHTML利用
HTMLについて次のサイトを参考にしてください。
HTMLのマニュアルの閲覧ができます。HTMLタグの定型例をコピペして利用する方法もあります。
リンク▲「とほほのＷＷＷ入門」
PC上にダウンロードして、HTML形式データーを直接利用して常に閲覧できるようになります。
リンク▲「とほほのＷＷＷ入門」ダウンロード版のDLサイト
▼下記の部分がブログ上で正常に表示されればブログサイト投稿での利用が可能です。
▼日付▼分類
▲日付▲
ブログタイトル
リンク▲【サイト名】のページ
▼画像(1)画像のクリックで画像の拡大ができます。【画像名】
Googleの【ブロガー】（ブログサイト）で作成した画像のHTMLタグは、コピペしてアメブロ/Livedoor/ココログ/FC２ブログ/TeaCup/goo/Htenaなど多くのブログサイトで利用可能です。
▼画像(2)文字のクリックで画像の拡大ができます。【画像名】
Googleの【ブロガー】（ブログサイト）で作成した画像を拡大した時のアドレスバーのURLをコピペしてYhoo!/楽天などのブログサイトで利用可能です。
－－－－－－－－－－－－－－－－－－－－－－－－－－－
その他のHTMLタグ例
●HTMLタグ●凡例
文字の書式
▼+1ﾎﾟｯﾌﾟ赤の太文字
▼+2ｺﾞｼｯｸE青の大文字
▼x-large緑大太文字
改行
▼イタリック文字
▼太文字
▼アンダーライン/下線・・・リンク文字と間違えやすいのでブログではあまりオススメできません。
▼順序リスト
▼記号リスト
▼強調文字
▼文字を小さくする
▼文字を大きくする
インライン要素
ブロック要素
－－－－－－－－－－－－－－－－－－－－－－－－－－－
▼上記HTML表示部分に利用した【HTMLタグ】です。＜＞は半角文字ですが、ブログ上で表示できるように全角文字を利用しました。【テキストエディタソフト】（メモ帳でもOK）にコピペして、【置換】機能を利用して半角文字に修正すれば再利用できます。
▼日付▼分類
▲日付▲
＜!--▼文字サイズ色の指定 red blue green など--＞ ＜font size="+1" color="orange"＞＜b＞ ＜/b＞ブログタイトル＜/font＞
＜!--▼ブラウザのアドレスバーからコピペする。--＞ ＜a href="リンクサイトのURL"＞ リンク▲【サイト名】のページ＜/a＞
▼画像(1)画像のクリックで画像の拡大ができます。【画像名】
Googleの【ブロガー】（ブログサイト）で作成した画像のHTMLタグは、コピペしてアメブロ/Livedoor/ココログ/FC２ブログ/TeaCup/goo/Htenaなど多くのブログサイトで利用可能です。
▼画像(2)文字のクリックで画像の拡大ができます。【画像名】
Googleの【ブロガー】（ブログサイト）で作成した画像を拡大した時のアドレスバーのURLをコピペしてYhoo!/楽天などのブログサイトで利用可能です。
＜span style="font-size:x-large; color:red;"＞ その他のHTMLタグ例＜/font＞
＜b＞●HTMLタグ●凡例 ＜/b＞
＜b＞文字の書式＜/b＞
＜FONT FACE="HGP創英角ﾎﾟｯﾌﾟ体" SIZE="+1" COLOR="red"＞＜b＞ ▼+1ﾎﾟｯﾌﾟ赤の太文字＜/b＞＜/FONT＞
＜FONT FACE="HGPｺﾞｼｯｸE" SIZE="+2" COLOR="blue"＞ ▼+2ｺﾞｼｯｸE青の大文字＜/FONT＞
＜span style="font-size:x-large; color:green;"＞ ＜u＞＜b＞▼x-large緑大太文字＜/b＞＜/u＞＜/span＞
＜img src="▼画像URL" alt="画像の代替名"＞
＜!--▼説明/注釈--＞ ＜P＞▼上下に空白行ができ、段落の表現ができます。＜/P＞ ＜BR＞改行
＜i＞▼イタリック文字＜/i＞
＜b＞▼太文字＜/b＞
＜u＞▼アンダーライン/下線・・・リンク文字と間違えやすいのでブログではあまりオススメできません。＜/u＞
▼順序リスト＜ol＞ ＜li＞リスト例Ａ＜/li＞＜li＞リスト例Ｂ＜/li＞＜li＞リスト例Ｃ＜/li＞＜/ol＞
▼記号リスト＜ul＞ ＜li＞リスト例Ａ＜/li＞＜li＞リスト例Ｂ＜/li＞＜li＞リスト例Ｃ＜/li＞＜/ul＞
＜strong＞▼強調文字＜/strong＞
＜small＞▼文字を小さくする＜/small＞
＜big＞▼文字を大きくする＜/big＞
＜div＞ブロック要素＜/div＞
＜span＞インライン要素＜/span＞
＜span align="right" style="background_color: yellow;"＞ブロック要素＜/span＞
＜hr＞
▲0109A▲
ブログのHTML利用
HTMLについて次のサイトを参考にしてください。
HTMLのマニュアルの閲覧ができます。HTMLタグの定型例をコピペして利用する方法もあります。
リンク▲「とほほのＷＷＷ入門」
PC上にダウンロードして、HTML形式データーを直接利用して常に閲覧できるようになります。
リンク▲「とほほのＷＷＷ入門」ダウンロード版のDLサイト
▼下記の部分がブログ上で正常に表示されればブログサイト投稿での利用が可能です。
▼日付▼分類
▲日付▲
ブログタイトル
リンク▲【サイト名】のページ
▼画像(1)画像のクリックで画像の拡大ができます。【画像名】
Googleの【ブロガー】（ブログサイト）で作成した画像のHTMLタグは、コピペしてアメブロ/Livedoor/ココログ/FC２ブログ/TeaCup/goo/Htenaなど多くのブログサイトで利用可能です。
▼画像(2)文字のクリックで画像の拡大ができます。【画像名】
Googleの【ブロガー】（ブログサイト）で作成した画像を拡大した時のアドレスバーのURLをコピペしてYhoo!/楽天などのブログサイトで利用可能です。
－－－－－－－－－－－－－－－－－－－－－－－－－－－
その他のHTMLタグ例
●HTMLタグ●凡例
文字の書式
▼+1ﾎﾟｯﾌﾟ赤の太文字
▼+2ｺﾞｼｯｸE青の大文字
▼x-large緑大太文字
▼上下に空白行ができ、段落の表現ができます。
改行
▼イタリック文字
▼太文字
▼アンダーライン/下線・・・リンク文字と間違えやすいのでブログではあまりオススメできません。
▼順序リスト
- リスト例Ａ
- リスト例Ｂ
- リスト例Ｃ
▼記号リスト
- リスト例Ａ
- リスト例Ｂ
- リスト例Ｃ
▼強調文字
▼文字を小さくする
▼文字を大きくする
インライン要素
ブロック要素
－－－－－－－－－－－－－－－－－－－－－－－－－－－
▼上記HTML表示部分に利用した【HTMLタグ】です。＜＞は半角文字ですが、ブログ上で表示できるように全角文字を利用しました。【テキストエディタソフト】（メモ帳でもOK）にコピペして、【置換】機能を利用して半角文字に修正すれば再利用できます。
▼日付▼分類
▲日付▲
＜!--▼文字サイズ色の指定 red blue green など--＞ ＜font size="+1" color="orange"＞＜b＞ ＜/b＞ブログタイトル＜/font＞
＜!--▼ブラウザのアドレスバーからコピペする。--＞ ＜a href="リンクサイトのURL"＞ リンク▲【サイト名】のページ＜/a＞
▼画像(1)画像のクリックで画像の拡大ができます。【画像名】
Googleの【ブロガー】（ブログサイト）で作成した画像のHTMLタグは、コピペしてアメブロ/Livedoor/ココログ/FC２ブログ/TeaCup/goo/Htenaなど多くのブログサイトで利用可能です。
▼画像(2)文字のクリックで画像の拡大ができます。【画像名】
Googleの【ブロガー】（ブログサイト）で作成した画像を拡大した時のアドレスバーのURLをコピペしてYhoo!/楽天などのブログサイトで利用可能です。
＜span style="font-size:x-large; color:red;"＞ その他のHTMLタグ例＜/font＞
＜b＞●HTMLタグ●凡例 ＜/b＞
＜b＞文字の書式＜/b＞
＜FONT FACE="HGP創英角ﾎﾟｯﾌﾟ体" SIZE="+1" COLOR="red"＞＜b＞ ▼+1ﾎﾟｯﾌﾟ赤の太文字＜/b＞＜/FONT＞
＜FONT FACE="HGPｺﾞｼｯｸE" SIZE="+2" COLOR="blue"＞ ▼+2ｺﾞｼｯｸE青の大文字＜/FONT＞
＜span style="font-size:x-large; color:green;"＞ ＜u＞＜b＞▼x-large緑大太文字＜/b＞＜/u＞＜/span＞
＜img src="▼画像URL" alt="画像の代替名"＞
＜!--▼説明/注釈--＞ ＜P＞▼上下に空白行ができ、段落の表現ができます。＜/P＞ ＜BR＞改行
＜i＞▼イタリック文字＜/i＞
＜b＞▼太文字＜/b＞
＜u＞▼アンダーライン/下線・・・リンク文字と間違えやすいのでブログではあまりオススメできません。＜/u＞
▼順序リスト＜ol＞ ＜li＞リスト例Ａ＜/li＞＜li＞リスト例Ｂ＜/li＞＜li＞リスト例Ｃ＜/li＞＜/ol＞
▼記号リスト＜ul＞ ＜li＞リスト例Ａ＜/li＞＜li＞リスト例Ｂ＜/li＞＜li＞リスト例Ｃ＜/li＞＜/ul＞
＜strong＞▼強調文字＜/strong＞
＜small＞▼文字を小さくする＜/small＞
＜big＞▼文字を大きくする＜/big＞
＜div＞ブロック要素＜/div＞
＜span＞インライン要素＜/span＞
＜span align="right" style="background_color: yellow;"＞ブロック要素＜/span＞
＜hr＞
▲0109A▲
