HTMLのリストul・ol・dlの使い分け|入れ子とアクセシビリティ
HTMLのul・ol・dlを意味に合わせて使い分ける方法を解説。箇条書き、手順、用語説明、入れ子の正しい構造、CSSでマーカーを整える方法とアクセシビリティ上の注意点を紹介します。
AIとつくる、実践プログラミング・コーディングメディア
CATEGORY
HTMLに関する基礎、実装例、トラブル解決の記事をまとめています。
HTMLのul・ol・dlを意味に合わせて使い分ける方法を解説。箇条書き、手順、用語説明、入れ子の正しい構造、CSSでマーカーを整える方法とアクセシビリティ上の注意点を紹介します。
HTMLフォームの基本構造を、label・input・textarea・buttonの実例で解説。name属性、GETとPOST、required、エラー表示、アクセシビリティ、WordPressでの安全な処理も紹介します。
div、p、span、h1〜h3、asideタグの違いと使い分けを初心者向けに解説します。divの使いすぎ、pタグにdivを入れるNG例、見出しタグの順番、asideの使い方まで、HTMLの意味とCSSの表示を分けて整理します。
HTMLのtableでtd内のテキストが改行されない原因と、CSSで折り返す方法を解説します。長いURLや英数字、white-space: nowrap、table-layout、overflow-wrap、word-break、HTMLメールでの注意点まで整理します。
aタグとpタグの正しい使い分けを解説します。pタグの中にaタグを書く基本形、文章全体をリンクにする書き方、カード全体をクリックできるリンクにする方法、避けたいNG例をHTMLとCSSの例で整理します。
HTMLで改行されない原因を、brタグ、pタグ、preタグ、CSSのwhite-space、HTMLメール、brがそのまま表示されるケースに分けて解説します。改行コードを反映したい場合や、CSSで折り返しを制御したい場合の直し方も紹介します。
HTMLは、文書の意味を考えて、コンピュータが理解できるように適切に印をつける(マークアップする)言語です。 その印のことをタグといい、そのタグで囲むことでマークアップすることができます。 ではそのHTMLタグの仕組みを…