Note 01 / HTML

第一回
HTMLをはじめから

HTML h1 / a / img Git
HTMLのコードが映る画面のイメージ

CH 01HTMLとは?

HTMLとはホームページを制作するために使うもので初心者向けの言語で、インターネット上のウェブページを作るための設計図のようなものです。

正式には「HyperText Markup Language」といい、文章や画像、リンクなどを「どこに、どんな意味で置くか」をブラウザに伝える役割を持っています。

たとえば、見出しには <h1>、リンクには <a>、画像には <img> といったタグを使います。

HTMLのhead部分のコード(meta、title、CSSの読み込み)
head の部分で文字コード・タイトル・CSS(リセットCSS、style.css、Google Fonts)を読み込んでいる。

CH 02主なタグの役割

<h1>

文書の中で最も重要な見出しを表すタグ。通常はページや記事のタイトルに使う。検索エンジンも <h1> を重視する。

<a>

リンクを作るためのタグ。href 属性でリンク先のURLを指定し、クリックするとその場所へ移動できる。

<img>

Webページに画像を表示するためのタグ。src 属性で画像ファイルの場所を、alt 属性で代替テキストを設定する。

h1タグの説明画像
aタグの説明画像
imgタグの説明画像

CH 03Gitとは?

Gitは、ファイルの変更履歴を管理するためのツールです。誰がいつどこを変更したかを記録できるため、過去の状態に戻すことができ、複数人で同じプロジェクトを編集しても安全に作業を進められます。

Gitのロゴ

CH 04参考動画