記事一覧

iframe、embed要素の活用とセキュリティ考慮事項

audio、video要素による音声・動画の効果的な実装

SEOとソーシャルメディア対応のメタタグ戦略

time、mark、address、detailsなど、テキストの意味を表現する要素の活用方法

article、section、divの意味的違いと適切な使い分けを学び、コンテンツを論理的に構造化する技術を習得する

header、nav、main、aside、footerによる論理的ページ構造を理解し、意味のある文書構造を作成する方法を学ぶ

まとめクイズで理解度をチェックし、学んだ知識を活用して本格的なフォームサイトを作成する

HTML5の高度な検証機能を活用して、ユーザビリティとデータ品質を両立するフォームを実装する

使いやすく、誰でもアクセスできるフォームの設計原則と実装技術

<form>要素と基本的な入力フィールドの実装

text、email、password、numberなど目的に応じた入力タイプの選択

まとめクイズで理解度をチェックし、学んだ知識を活用してリストと表を使った情報サイトを作成する

セルの結合（colspan・rowspan）と表のフッター（tfoot）で実用的な表を作成

用語と説明をセットで表現するdl, dt, dd要素の使い方

箇条書き（ul）と番号付きリスト（ol）の使い方と使い分け

リストの中にリストを作る方法と階層構造の表現

<table>、<tr>、<td>で表を作成し、データを整理

<thead>、<tbody>、<th>で表をより意味的に構造化

まとめクイズで理解度をチェックし、学んだ知識を活用してリンクと画像を使ったWebサイトを作成する

imgタグで画像を表示し、適切な属性でアクセシブルな実装

target属性による開き方の制御と、メール・電話などの特殊なリンクタイプ

<a>タグを使ってページ間を繋ぎ、Webの相互接続性を実現

HTMLで他のファイルを参照するためのパス（道筋）とURLの基本構造について、相対パス・ルートパス・絶対パスの3種類の違いとその使い分けを学びます。

まとめクイズで理解度をチェックし、学んだ知識を活用してオリジナルHTMLページを作成する

強調・重要性を表すタグ、改行・区切り線、引用要素などのテキスト要素の使い方を学びます

HTMLタグに追加情報を与える属性の基本的な使い方、id/class属性の違いを学びます

HTMLタグの基本構造、見出し・段落・リストなどの基本タグの使い方を学びます

正しいHTML文書の基本構造と各部分の役割を理解