ツバサのメモ帳

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

こんにちは、ツバサです。

GitHub Pagesでブログを作るには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の仕組みを大まかに理解し、出力を確認・修正指示する役割に集中できる。

ツバサ

ツバサ

EC関係の仕事をしています。このサイトは自分が調べたことの備忘録です。Photoshopは少し使えますが苦手で、ちょっとした画像補正はもっぱらスマホアプリ派。アプリで対応しきれない本格的なレタッチはプロに依頼しています。