HTML

HTML

【HTML】フォーム(Form)の基本構造とコーディング規則まとめ

Webサイトにおけるユーザーとの最大の接点、それがフォーム(form)です。お問い合わせ、会員登録、アンケートなど、用途は多岐にわたりますが、アクセシビリティやユーザーの使いやすさ(EFO)を考慮した正しいマークアップをしないと、離脱の原因...
HTML

【HTML】tableタグ(表)の基本構造と正しいマークアップ規則

HTMLでデータを整理して見やすく表示するための <table> タグ。 要素が縦横に連なるため構造が複雑になりやすく、正しい順番でタグを配置しないと構文エラーや型崩れの原因になる。後からコードをコピペして使い回せるようにするための個人メモ...
HTML

【HTML】箇条書きリスト(ul / ol / li)の構文とマークアップ規則

HTMLで箇条書き(リスト構造)を実装する際の基本構文、およびコーディング時の注意点・ルール1. 基本構文と使い分け リストを作成する際は、必ず「親要素(全体を囲むタグ)」と「子要素(各項目を囲むタグ)」の入れ子構造にする。<li>(Lis...
HTML

【HTML】「コメント(コメントアウト)」の基本と便利な使い方

HTMLでコードを書いていると、「ここにメモを残しておきたい」「一時的にこの部分を表示させないようにしたい」と思うことがあります。 そんな時に大活躍するのが「コメント(コメントアウト)」です。今回は、コメントの基本的な書き方から、ブログ運営...
HTML

【HTML】Webサイトの主役!hタグ(見出し)の基本と使い方のコツ

HTMLを学ぶ上で、文章の「見出し」を作るhタグ(<h1>〜<h6>)は、ブログの読みやすさと検索順位(SEO)を大きく左右する超重要タグです。  今回は、hタグの基本的な書き方から、ブログ運営で絶対に役立つ実践的なTipsまでを分かりやす...
HTML

【HTML】<p>タグと<div>タグの最大の違い

一言で言うと、「意味(役割)があるか、ないか」の違いです。<p>タグ: 「Paragraph(段落)」の略。中身が文章(ひとかたまりのテキスト)であることを検索エンジンなどに伝える役割があります。<div>タグ: 「Division(分割・...
HTML

【HTML】Webサイトの骨組みを作る「HTML」の基本と書き方

Webサイトを作りたいと思ったとき、最初に触れるのがHTML(エイチ・ティー・エム・エル)です。今回は、HTMLとは何かという基本から、よく使う重要なタグ、ブログですぐに使える具体的な書き方までを分かりやすく解説します。1. HTMLとは?...