↓ 目次 → 検索サイト『 情報ポータル☆ 』
↓
<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
━━━━━━━
- あいうえお
━━━━━━━
- あいうえお
- あ
- い
- う
- え
- お
━━━━━━━
*はじまり揃えあああああああああああああああああああああああああああああああああああああああああああああああ
↓
<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>
━━━━━━━
引用ボタン で 作成
いんよう
━━━━━━━
↑
アス比 計算ツール で 調整 しましょう。🧮
↓
キャプション を 外す と 画像 が 左詰めに。
( 画像のサイズ : width=200" ↑ )
━━━━━━━
( 動画のサイズ : wid="700" hei="394" ↓ )
( 動画のサイズ : wid="600" hei="450" ↓ )
━━━━━━━
🔎 情報検索サイト を 作りました
🔎 情報検索サイト を 作りました
良かったらぜひ!🌞👍 ☍ ↓
━━━━━━━
タグ・関連記事・コメント・検索 等
*1:一番下 に 脚注