記事の内容が一目で分かるように付けられた題名。後に続く内容を端的に表したものもあれば、読者の目を引くことだけを目的にした内容と関係の薄いものも存在する。
→見出し記法
「見出し」のデザインをカスタマイズ 大見出し 中見出し 小見出し 「『きょうのはてなブログ』掲載記事」というカテゴリーを作ってみたｗ。 「見出し」のデザインをカスタマイズ ブログのデザインテーマを「ｓｏｂｏｋｕ」にして１ヶ月が経過した。このテーマのほんわかとした雰囲気が気に入って、だんだん好きになってきたｗ。ただ１つ、大中小の各見出しが文章の中に埋もれてしまう感じがあって、そこだけ気になっていた。「見出しをもう少し目立たせたい」とAI先生に相談したところ、「見出し」にカラーの縦線を付けるのはどうかと提案してくれた。「オッ、それいいかも」とすぐに乗っかった。先生がそれ用のコードを示してくれたので…
はてなブログで書評ブログを始める人、ブログ初心者、または見出しの使い方を知りたい人向けに、 見出しの基本と活用法を解説いたします。 見出しは、記事を読みやすく整理し、読書の興味を引きつける重要な要素です。 はてなブログでは、記事エディタでかんたんに「h2」「h3」「h4」などの見出しを設定でき、 書評ブログでは「本の概要」「感想」「おすすめする人」といった見出しで内容を分けると効果的です。 これにより、読者は欲しい情報にすぐアクセスでき、SEO効果で検索エンジンでの上位表示も期待できます。 たとえば、「この本、なぜ泣ける？」のような見出しは、読者の好奇心を刺激します。 この記事では、見出しの設…
"戦車に乗る人"（出典：いらすとや） 日記 門番 見出し おっ、今週の金曜ロードショーは "馬鹿が戦車でやって来る" か。 日記 今朝の手稲山。祝日でもいつもの場所にいる。2025.09.15 近所に新しくできた店に天丼を食べに行こうかと思ったら月曜は定休日だった。だったら石川フェアをやっているマックスバリュで山賊弁当でも買おうかと思ったら売ってなかった。昨日のテレビで見た冷凍チャーハンのランキングで上位だったトップバリュの冷凍チャーハンを買って家で食べた。うまかった。きっと山賊弁当よりこっちの方がおいしかったよと酸っぱい葡萄みたいな感想を言った。 門番 「これ読んでみろ」 「ばかが たんくで…
マークダウン有効化 googleドキュメントは、マークダウンに対応しています。ただし、デフォルトではマークダウンが無効になっているので有効化します。その設定は簡単で、次のとおりです。 googleドキュメントを開く ［ツール］メニューの中の［設定］をクリック 設定ダイアログで［全般］タブをクリック 「マークダウンを有効にする」の項目の頭をクリックしてチェックを付ける ［OK］ボタンをクリック これで、マークダウンを扱えるようになります。 書式反映貼り付け サクラエディタなどのテキストエディタでマークダウン文書を作成し、googleドキュメントにコピー＆ペーストしたところ、書式の反映されないテキ…
１ マークダウンについて調べる これまで、テキストファイル中に絵文字を挿入できるなんてこと、知りませんでした。そのことを、昨日のブログに書きました。 テキストファイルは文字（テキスト）しか扱えないから、「できあがるのは、白地に黒字のモノクロの文書だ。それしかあり得ない。」と思い込んでいました。ですから、文書内に✅のようなカラフルなマークが入っているのを見て、びっくりしました。 絵文字が混じった文書を見て、最初は理解ができず、てっきり何かテクニックを施しているのだろう、と思っていました。もしやこれが、最近よく聞くマークダウン記法っていうやつではないだろうか？…と。 そこで、この機会に、マークダウ…
文章は書き上がった。✍️あとは印刷するだけ──ほんのひと手間のはずだった。🖨️……しかし、その予想はあっさりと裏切られた。 最初に出てきた紙を見て、思わず目を細める。👀文字が小さすぎて、豆粒のようにしか見えない。 そこで「見出し6」にしてみる。……やっぱり小さい。😥「見出し5」に変えても、ほとんど変わらない。次に「見出し4」。それでもまだ遠い。「見出し3」。少し大きくはなったけれど、思っていた形とは違う。そして「見出し2」。ようやく読める大きさに落ち着いた。📖けれど今度は、一枚にほとんど収まらない。 スマートフォンの画面で見ていた姿と、紙に映し出された姿は、まるで別物だった。📱➡️📄何度もプレ…
第3章：記事の骨格を作る - 見出し、段落、強調 HTMLの「設計図」が準備できたら、いよいよ記事の中身、つまり「骨格」を作っていきましょう。 ここで登場するのが、見出し、段落、強調のタグです。これらは、文章にメリハリをつけ、読者と検索エンジンの両方に「この記事は何が重要なのか」を伝えるための、最も基本的なツールです。 ブログ執筆のためのHTML完全ガイド：この記事だけで、今日からあなたもブロガーに - 月影 www.namuamidabu.com 見出し (<h1> - <h6>): 記事の「目次」を作る 見出しタグは、単に文字を大きくするためのものではありません。それは、あなたの記事の論理…
はてなブログを見ていて足りないものに気付きました。それは見出しごとのアンカーリンクです。 割と参照するときによく使うのであってほしい機能ですが、パッと見たところ公式テーマにもそのようなものはないためDIYしましょうというやつぽいです。 まずは結論 以下のようなコードをデザイン設定のフッタ枠に貼り付けてください。 <script> document.addEventListener('DOMContentLoaded', function() { const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6'); const…
第１ 文章見出しの効用 第２ 目次設置のメリット 第３ HTMLでの記述 第４ はてなブログの場合 １ 見出し ２ 目次 第５ 余談 第１ 文章見出しの効用 長文を作成するときは、内容的な一まとまりごとに見出しを付けると、格段に読みやすくなります。技術的なレポートや、本格的な論文となると、見出しが必須という場合も出てきます。 見出しとは、文章の一まとまりの内容を簡潔に表した標題のことです。その部分には、どのような内容が書かれているのかを示す項目、テーマ名です。ワープロソフトWordなどで少し規模の大きい論文の類を作成するとき、自動的に見出し番号を付けてくれる機能をよく利用しますが、その見出しの…
作成したはてなブログの記事を見ると、記事内の見出しの文字がデカいのが気になったので、変更をしました。 おそらくデフォルトのままだと20PXくらいはあったと思います。 変更の方法をメモがてら記事にしました。 コピペで数分もかからず終わる作業なので、もし見出しの文字サイズが気になったらやってみてはいかがでしょうか？ 見出しの文字サイズとは？ はてなブログ「見出しの文字サイズを変更する方法」 見出しの文字サイズとは？ 見出し一覧↑ 上から順に、 ・見出し１ → h1 ・見出し２ → h2 ・見出し３ → h3 ・見出し４ → h4 ・見出し５ → h5 です。「てすと」と書かれたとこは、記事の文字部…
midashi-design.com
saruwakakun.com
toshiiy.blog22.fc2.com
squeeze.jp
www.nxworld.net
popinsight.jp
coliss.com
www.webcreatorbox.com
anond.hatelabo.jp
