HTML 01 / Basics

HTMLの
基礎知識

HTML タグ GitHub Pages

CH 01ホームページとHTMLファイル

みなさんがいつも見ているホームページは、Webサーバー上にあるHTMLファイルを閲覧しています。

HTMLファイルを自分で作ってWebサーバーにアップロードすることで、自分のHPを作ることができます。この授業では無料で利用できる GitHub Pages を使ってHPを公開します。

WebサーバーにあるHTMLファイルをブラウザで閲覧する仕組みの図

CH 02HTMLって?

HTMLとは Hyper Text Markup Language の略です。

Hyper Text

「テキストを超えた文書」という意味で、1974年にアメリカの学者テッド・ネルソンが「Computer Lib」で提言した概念です。簡単にいうと「めっちゃすごい文書」ですね。

Hyper Text の説明図

HPを見てわかるように、さまざまなページや文書にリンクが貼られ、画像や動画などにもつながっていて、ただの文字の集まりとは言えません。

Markup

文書の中に「意味」をつけていくことです。タグという < > 印を使って、文書に「意味」を埋め込んでいきます。

タグで文書に意味をつける説明図

CH 03タグ

たとえば下記のように記述した場合、文字は見出しとしての「意味」を持ち、それに適した文字の大きさになります。

<h1>見出し1</h1>  <!-- 大見出し -->
<h2>見出し2</h2>  <!-- 中見出し -->
<h3>見出し3</h3>  <!-- 小見出し -->
見え方

見出し1

見出し2

見出し3

CH 04headとbody

HTMLファイルは head の部分と body の部分に分かれています。文章や画像は body の部分に記述していきます。

HTMLファイルのheadとbodyの構成図

CH 05個人情報と著作権

  • HPに個人情報(住所、学籍番号など)や、本人の許諾のない顔入りの写真・氏名などを載せない。
  • 誹謗中傷にあたる内容は載せない。
  • 引用する場合は引用元を明らかにする。
  • 外部ページにリンクを貼る場合は、自分のページではないことを明記する。明記せずに貼ると、あたかも自分が作ったページのようになってしまう。
  • 情報倫理に関する神奈川大学のガイドライン(外部サイト)に沿って情報を公開する。