ツバサのメモ帳
HTMLとは?Webページの構造を作るマークアップ言語の話

HTMLとは?
Webページの構造を作るマークアップ言語の話

HTMLとは

HTML(HyperText Markup Language)は、Webページの構造を定義するマークアップ言語だ。<h1>で見出し、<p>で段落、<a>でリンク、<img>で画像というように、タグと呼ばれる印で内容を囲んで構造を伝える。

HTMLはプログラミング言語ではない。条件分岐やループといった処理は書けず、あくまでも「ページの構造」を定義するものだ。見た目のデザインはCSSが担当する。

ブログ運営で最低限知っておくこと

よく使うタグ

<title>(ページタイトル)、<meta>(ページの説明文)、<h2>(見出し)、<p>(段落)、<a>(リンク)、<img>(画像)あたりが頻出する。テンプレートを一度作ってしまえば、中身を入れ替えるだけで記事が作れる。

覚えておきたいポイント

AIにHTMLを書いてもらうことができる

HTMLの構文を完璧に覚える必要はない。AIに「こういう構成のページを作って」と伝えれば、HTMLファイルを生成してくれる。自分はHTMLの仕組みを大まかに理解し、出力を確認・修正指示する役割に集中できる。

FAQ

Q. HTMLとは何ですか?

A. Webページの構造を定義するマークアップ言語です。タグで見出し・段落・リンクなどを指定し、ブラウザが表示できる形にします。プログラミング言語ではありません。

Q. HTMLを覚えないとブログは作れませんか?

A. AIに書いてもらうことができるため、完璧に覚える必要はありません。ただし基本的なタグの意味を理解しておくと、AIの出力を確認・修正しやすくなります。

Q. HTMLとCSSの違いは?

A. HTMLはページの構造(見出し・段落・リンクなど)を定義し、CSSはページの見た目(色・フォント・レイアウトなど)を定義します。

Q. HTMLファイルの拡張子は?

A. .htmlです。テキストエディタで編集でき、Webブラウザで直接開いて表示を確認できます。

Q. HTMLのバージョンは何がありますか?

A. 現在の主流はHTML5です。以前のバージョン(HTML4、XHTML)と比べて、動画や音声の埋め込み、セマンティックなタグが充実しています。

ツバサ

ツバサ

EC関連の会社で働いています。少人数の職場なので、ささげ業務の手配から画像の外注管理、ページ更新、バイトさんへの作業指示まで守備範囲は広めです。Photoshopは苦手なので本格的な画像加工は外注に出していますが、何社も試した分、業者選びや納品チェックには慣れました。このブログは仕事の中で身につけたことの記録です。