HTMLとは?
![](https://tumaboki.com/wp-content/uploads/2020/10/brooke-cagle-uWVWQ8gF8PE-unsplash-1024x683.jpg)
WEBページを作るための言語です。
HTMLでは文章の意味を考えて適切な記号で囲っていくことが基本となります。
文章を囲う記号をタグと呼ぶので覚えておきましょう!
HTMLは、HyperText Markup Languageの略です。
HyperTextとは画像やリンクを埋め込むことができるテキストという意味です。
HyperTextを作るために、タグでマークアップしていく言語がHTMLという意味です。
準備
![](https://tumaboki.com/wp-content/uploads/2020/10/annie-spratt-g9KFpAfQ5bc-unsplash-1024x839.jpg)
テキストエディタ はVSCodeがおすすめです。
マイクロソフトが提供している無料アプリです。
最初に作るファイル名は、index.htmlと名付けるのが慣例となっています。
index.htmlをChromeブラウザのタブへドラックすると結果が反映されます。
![](https://tumaboki.com/wp-content/uploads/2020/10/d525cfad65209b88e2dc24c89234363c.png)
![](https://tumaboki.com/wp-content/uploads/2020/10/6ed586be3a7a0138631189c14d6e9df7.png)
タグで囲う
![](https://tumaboki.com/wp-content/uploads/2020/10/nesa-by-makers-IgUR1iX0mqM-unsplash-1024x683.jpg)
見出しはh1タグで囲います。
強調して表示してくれます。
段落はPタグで囲います。
段落として整理してくれます。
![](https://tumaboki.com/wp-content/uploads/2020/10/e2d0f6597815d47f6051c270341be0ec.png)
![](https://tumaboki.com/wp-content/uploads/2020/10/59c8abe5064c4551e73087dcb0a9c3ab.png)
わたしの考え
![](https://tumaboki.com/wp-content/uploads/2020/09/pose_warau_kuchi_kakusu_woman.png)
WEBサイトが表示される仕組みって意外と知らないですよね。
わたしも最初は、エクセルとかでデザインを作ってそのまま表示させてるかと思っていました。
知らないことを知っていくのは面白いですね♪
一緒に一歩踏み出しましょう!
コメント