120.71 ALIS 
1.00 ALIS 
- クリップ📎UGOK
- 2020/03/31 00:32
コロナの影響もあり毎日家でコツコツWeb勉強を進めています。
今日は、CHARTER２に進んでHTMLの基本事項についてまとめていきます。
⓪② CHAPTER⒉
テキストエディターは大学の授業でも使用したBracketsを使っていきます。
指定はなく、Atom・Visual Studio Code・Codeなど様々なものがあります。
Bracketsは日本語に対応しているので初めての人は使いやすいのかなと個人的には感じています。
まずHTMLとは、Hyper Text Markup languageの略で、Webページのファイルを作成する土台的な言語です。表示したい文章や画像、リンクなど様々なものを「<」「>」で挟まれた「タグ」と呼ばれる文字列で囲んで書いていきます。
それぞれの役割ごとにタグがあり、タグを使うことでWebページを構成していきます。
それではコードをテキストエディターに書いていきましょう。
このコードを実行すると、、
こんな風にブラウザ上に表示されます。
実行方法はどのテキストエディタを使用するかで違いますが、Bracketsでは右側にある、⚡（カミナリマーク）を押すと実行されます。
それでは、初めの行から見ていきましょう！！
◆ <!doctype html>
Doctype（ドクタイプ）宣言といって、そのページがどのページでどのバージョンのHTMLで、どの仕様に合わせて作られているのかを書いています。特に指定がなければ現在主流になっている「HTML5」を指します。ーー「HTML4.01」や「XHTML1.1」などがある。
◆<html>~</html>
doctype宣言のすぐ後に書きます。これはHTMLの文書だよ～！ということを表しています。「lang」は言語のことで、「ja」はjapaneseの略で、日本語の文書だよ～！と示しています。
◆<head>~</head>
ブラウザーには表示されない部分で、ページのタイトルや説明文、使用する外部ファイルのリンクなど、ページの情報を書いてあります。
◆<meta charset="UTF-8">
この部分がないとせっかく書いたものも文字化けして正しく表示されなくなってしまいます。文字コードを「UTF-8」にするという指定を忘れずに必ずしましょう。
（文字コード？？ーーコンピューターはデータを数値でしか扱えないため、文字も数値で扱わなければならなく、文字を表示するには文字コードが必要になります。簡単に言うと、コンピューターの数字から人間が読める文字に変更するためのもの。UTF-8は世界で１番ポピュラーな文字コード！）
◆<title>~</title>
黄色の線が引かれているこの部分です。あとはユーザーがブックマークしたり、検索した時のページタイトルとして表示されます。
◆<meta name="description" content="~">
検索エンジンでページタイトルとともに表示される部分です。いわば、このページはこういうサイトです。という、説明文を書きます。ユーザーが検索した時にどんなサイトなのか瞬時に理解できるようにキーワードを混ぜて記述するとより良いです。
◆<boby~/body>
HTML文書の本体部分になります。「body」の間に書いたことが実際にブラウザー上で表示されます。「head」に書いたことはブラウザ上には表示されないので、表示させたいものは「body」に書くことになります。
ここまでに書いた情報は、Webページとして表示させるための必須事項になります。これらがないと正しく表示されない場合があるので必ず記述しましょう。
今回はここまで！最後まで読んでくださってありがとうございました。📎
0人がサポートしています
獲得ALIS: 
12.99 ALIS 0.00 ALIS
12.99 ALIS 0.00 ALIS - クリップ📎UGOK
- @Clip
投稿者の人気記事
120.71 ALIS 1.00 ALIS 72.28 ALIS 472.09 ALIS 
65.13 ALIS 0.00 ALIS 
コメントする
コメントする
こちらもおすすめ！
ジョークコインとして出発したDogecoin（ドージコイン）の誕生から現在まで。注目される非証券性🐶
852.58 ALIS
38.31 ALIS
京都のきーひん、神戸のこーへん
175.41 ALIS
12.10 ALIS
17万円のPCでTwitterやってるのはもったいないのでETHマイニングを始めた話
1.34k ALIS
46.60 ALIS
無料案内所という職業
596.41 ALIS
84.20 ALIS
Bitcoin史 〜0.00076ドルから6万ドルへの歩み〜
780.31 ALIS
947.13 ALIS
ブロックチェーンの51%攻撃ってなに
620.64 ALIS
0.00 ALIS
機械学習を体験してみよう！（難易度低）
447.19 ALIS
69.82 ALIS
バターをつくってみた
449.94 ALIS
124.75 ALIS
海外企業と契約するフリーランス広報になった経緯をセルフインタビューで明かす！
246.34 ALIS
16.10 ALIS
わら人形を釘で打ち呪う 丑の刻参りは今も存在するのか？ 京都最恐の貴船神社奥宮を調べた
599.04 ALIS
484.35 ALIS
ブックオフで買ってきてアマゾンで売る仕事の1ヶ月の売り上げ公開
2.10k ALIS
182.41 ALIS
Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。
144.63 ALIS
159.32 ALIS