日々の窓 - 楽遊学帳 - 🗺

おもしろ・出来事・探索・知識・旅・思世

はてなブログの表記機能テスト 📝📱💻

最新記事   → おすすめ記事   カテゴリー

   ↓ 目次   → 検索サイト『 情報ポータル☆ 』

<p><span style="color: #ff0000;"><strong>→ <a href="https://sun-55.hatenablog.com/archive" style="color: #ff0000;">最新記事</a>   → </strong><strong><a href="https://sun-55.hatenablog.com/entry/2022/05/20/235500_1" style="color: #ff0000;">おすすめ記事</a></strong></span>   <strong><span style="color: #ff0000;">→ </span><span style="color: #ff0000;"><a href="https://sun-55.hatenablog.com/entry/2022/05/21/000000" style="color: #ff0000;">カテゴリー</a></span></strong></p>
<p style="margin: 0px 0px 0px 0px; padding-top: 0px; padding-bottom: 20px;"><span style="color: #ff0000;"><strong>   ↓ 目次   → </strong><strong><a href="https://sunrise-index.jimdofree.com/%E5%90%84%E4%B8%BB%E8%A6%81%E3%82%B5%E3%82%A4%E3%83%88/%E3%82%B9%E3%83%9E%E3%83%9B%E7%89%88-hp-%E3%83%9B%E3%83%BC%E3%83%A0/" target="_blank" style="color: #ff0000;">検索サイト『 情報ポータル☆</a> 』</strong></span></p>

※ 目次は、はてなブログの機能を使っています。

━━━━━━━

<p><span style="color: #40ff00; font-size: 240%;">━━━━━━━</span></p>

━━━━━━━

はてなブログの表記と更新テスト ( 大見出し ) 🌞

<h3 style="font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; line-height: 1.4; color: #333333; text-rendering: optimizelegibility; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; border-left: 4px solid  #40ff00; margin: 0px 10px 35px 3px;">はてなブログの表記と更新テスト ( 大見出し ) 🌞</h3>

はてなブログの表記と更新テスト ( 中見出し ) 🌞

( ↑ ※ 中見出しの下には 線が出ない。)

<h4

はてなブログの表記と更新テスト ( 小見出し ) 🌞

<h5

はてなブログの表記と更新テスト ( 微小見出し ) 🌞

( ↑ ※ 微小出しの下には 線が出ない。)

<h6

━━━━━━━

下の3つ は、目次の項目 出てくる。📝

ふるさとのホームページを探して見てみよう

<h6 style="font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; line-height: 1.4; color: #333333; text-rendering: optimizelegibility; padding-top: 6px; padding-bottom: 0px; padding-left: 10px; border-left: 4px solid  #40ff00; margin: 0px 15px 25px 3px;"><span style="color: #ff0000;">ふるさとのホームページを探して見てみよう</span></h6>

( ↑ 赤字margin: 0px 10px 25px 3px; は、最初0px行上10px行右25px行下最後3px は、文頭 の それぞれの 余白間隔 のこと。行上 から 始まる 時計回り なんですね。)

花粉症対策の基本

<h2 style="clear: both; font-size: 17.5px; font-weight: bold; color: #e60039; line-height: 1.5; letter-spacing: 1.5px; border-left: 5px solid #e60039; padding-left: 10px; margin-top: 30px; margin-bottom: 30px; font-family: 'Hiragino Kaku Gothic ProN', メイリオ, sans-serif; margin: 0px 10px 25px 3px;"><strong>花粉症対策の基本</h2>

■いつか来るかもしれない富士山噴火に対する備え

<h2 style="visibility: visible; line-height: inherit; margin-top: 18px; margin-bottom: 33px; padding: 15px; text-align: max-height: 999999px; font-size: 16px; border: 0px; outline: 3px; vertical-align: baseline; background: #017033; letter-spacing: 2px; font-weight: bold; color: #ffffff; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'MS Pゴシック', 'MS PGothic', 'Arial ', sans-serif; margin: 0px 5px 25px 3px; "><span style="font-size: 16px;">■いつか来るかもしれない富士山噴火に対する備え</span></h2>

━━━━━━━

はてなブログ 表記機能テスト   ( 普通 )

━━━━━━━

あいうえお *1

━━━━━━━

  • いうえお
  •  

━━━━━━━

  1. いうえお
  2.  

━━━━━━━

*はじまり揃えあああああああああああああああああああああああああああああああああああああああああああああああ

<p style="text-indent: -0.8em; padding-left: 17px; padding-right: 70px;">*はじまり揃えあああああああああああああああああああああああああああああああああああああああああああああああ</p>

はじまり揃えああああああああああああああああああああああああああああああああああああ

<p style="text-indent: -0em; padding: 0px 100px 0px 50px;">はじまり揃えああああああああああああああああああああああああああああああああああああ</p>

枠線を実線で装飾よよよよよよよよよよよよよよ

熊 クマ 生息地 ヒグマ ツキノワグマ
熊 クマ 生息地 ヒグマ ツキノワグマ

<div style="border: 2px solid; margin: 0px 55px 35px 15px;">

<p style="text-indent: -0em; padding: 17px 100px 10px 30px;"><span style="color: #0000cc; font-size: 90%; text-align: justify;">枠線を実線で装飾よよよよよよよよよよよよよよ</span></p>

</div>

<div style="border: 2px solid;">
<div class="images-row mceNonEditable">
<div class="images-row-item"><img class="hatena-fotolife" src="https:// ~ .jpg" alt="熊 クマ 生息地 ヒグマ ツキノワグマ" /></div>
<div class="images-row-item"><img class="hatena-fotolife" src="https:// ~ .jpg" alt="熊 クマ 生息地 ヒグマ ツキノワグマ" /></div>
</div>
</div>

━━━━━━━

引用ボタン 作成

いんよう

━━━━━━━

ocadweb.com

アス比 計算ツール 調整 しましょう。🧮

モルディブ 水中 魚

キャプション 付けたら 画像 真ん中に

f:id:sun_55:20220322195308j:plain

キャプション 外す 画像 左詰めに

( 画像のサイズ :  width=200" ↑ )

━━━━━━━

( 動画のサイズ :  wid="700" hei="394" ↓ )

www.youtube.com

( 動画のサイズ :  wid="600" hei="450" ↓ )

www.youtube.com

━━━━━━━

🔎 情報検索サイト 作りました

🔎 情報検索サイト 作りました

良かったらぜひ!🌞👍 ☍

 ☍ スマホ 📱 サイト  こちら ← 

 ☍ PC 💻 サイト  こちら ← 

━━━━━━━

タグ・関連記事・コメント・検索 等

*1:一番下   脚注