インライン要素とテキスト装飾(a, span, strong, em, code, time)

スポンサーリンク
HTML

【実務・中級編】aタグの基本構文とhref属性 – HTML実践ガイド

リンクの「本質」を理解する:なぜ今、改めて `` タグを語るのかフロントエンドの世界に足を踏み入れて数年、「`` タグくらい書けるよ」という声が聞こえてきそうです。確かに、ブラウザに `href` を渡せばページは遷移する。しかし、Webと...
HTML

【入門編】aタグの基本構文とhref属性 – HTML実践ガイド

Web制作の世界へようこそ!HTMLという「Webの設計図」を学び始めたばかりの皆さん、こんにちは。今日は、WebサイトをWebサイトたらしめる、いわば「Webの心臓部」とも言える``タグ(アンカータグ)についてお話しします。これがないと、...
HTML

【テクニカル・上級編】インライン要素の概念とCSS表示モデル – HTML実践ガイド

インライン要素という「深淵」:ブラウザのレイアウトエンジンと戦うための設計哲学フロントエンドの世界で、`display: inline`という概念を「単なるテキストを並べるためのもの」と軽視しているなら、それは巨大なシステムの設計において爆...
HTML

【実務・中級編】インライン要素の概念とCSS表示モデル – HTML実践ガイド

なぜ「インライン要素」でハマるのか?CSS表示モデルを再定義するフロントエンドの現場で、CSSの挙動に頭を抱える瞬間といえば、大抵決まって「インライン要素の余白」か「高さが効かない問題」です。新人の頃は「とりあえず `display: bl...
HTML

【入門編】インライン要素の概念とCSS表示モデル – HTML実践ガイド

HTMLの「インライン要素」って何?Webページの「文章」を整える魔法を紐解こうWeb制作を学び始めると、必ずと言っていいほど「ブロック要素」と「インライン要素」という言葉に出会いますよね。「``はブロックで、``はインライン…」なんて教科...
スポンサーリンク