HTML

Webサイトをコーディングする際、なんとなく画面のレイアウトに合わせて <div class="box"> ばかり使ってページを区切っていませんか？現在のHTML（HTML5以降）では、ページの各パーツの意味に合わせて正しくタグを使い分ける...

Webサイト制作において欠かせないのが、ページ同士を繋ぐaタグ（アンカータグ）です。　今回は、コーディング時に迷いがちなaタグの基本属性から、HTML5以降のマークアップ規則、SEOやアクセシビリティを意識した使い方まで、備忘録としてまとめ...

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

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

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

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

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

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

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