ウェブページはHTMLによって書かれています。HTMLは過去の記事でもお話ししましたが、文章の構造を示すためのマークアップ言語といったところです。ウェブページがHTMLによって書かれているということは、HTMLについて勉強すれば誰でもウェブサイトをつくれるということでもあります。ウェブサイトをつくらないにしても、HTMLを学ぶことで便利になることは沢山あります。HTMLを学ぶことで得られるメリットについても、近々まとめる予定ですが、この記事を読んだ方が少しでもウェブに興味を持っていただけるように今回はHTMLについて少しまとめてみたいと思います。
1. HTMLはタグの集まり
HTMLはタグというものの集まりで構成されています。タグとは＜＞と＜/＞のことです。文字を太字にしたいのであれば、＜b＞と＜/b＞の二つの間に文章を入れることで太字にすることができます。イタリックにしたければ＜i＞と＜/i＞の間に文字を入れればいいのです。
＜b＞太字＜/b＞
＜i＞イタリック＜/i＞
このような文字を全て半角で入力してみます。
太字
イタリック
HTMLで表示するとこのようになります。
＜＞は開始タグ、＜/＞は終了タグと言います。今回太字にするために使ったタグはbタグ、イタリックのタグはiタグと呼ばれます。このようなタグの集まりでHTMLはできているということを覚えておいてください。
２. こないだつかったサンプル画像もタグの集まり
この画像は過去の記事で使用したHTMLのサンプル画像です。この画像にかかれているHTMLも全てタグの集まりです。中には先程お話しした「終了タグ」を必要としないタグもありますが、どれもタグであることに変わりはありません。
簡単に解説をつけておくと、
１行目：これからHTMLのドキュメントを書くことを宣言しています。
２行目：このタグの中にhtmlの内容が書かれることを示しています。
３行目：このタグの中にはユーザーに見えないウェブサイトの情報を記述するためのタグです。日本語でウェブサイトを記述することも指定しています。
４行目：UTF-8という文字コードをウェブサイトで使うと宣言しています。文字化けを防ぐためのタグです。
５行目：ウェブサイトのタイトルを決めるタグです。
６行目：３行目の終了タグ。
７行目：ウェブサイトの本体を記述するタグです。
８～１３行目：それぞれのタグの中身がそれぞれのタグの役割を示しています。ex) h1は見出し１を表すタグ
１４行目：bodyの終了タグ
１５行目：htmlの終了タグ
となっています。実はHTMLって簡単なんじゃないの？って思われたかもしれませんが、あながち間違いでもありません。一つ一つのタグの役割を覚えてしまえば、一応、一通りのことは書けてしまいます。僕自身、このHTMLを初めて勉強したのはたったの半年前。実際に本腰入れて勉強した期間は２週間もなかったと思います。完璧に覚えることは僕自身もまだできていませんが、少し勉強するだけでもなんとなくならできてしまうというのがHTMLの特徴かもしれませんね。
今回の記事ではざっくりとHTMLがタグの集まりでできていることを知ってもらおうと思って、書いてみました。最後まで読んでいただきありがとうございました。