Autumn Breeze

日常やモンハンのことを綴っていきます。

【Web関連】HTML入門04

 

デザイン力があまりにも足りなくて凹みまくりな神威です。こんばんは。

…頑張ります……うっ!(吐血)

 

【本日の勉強内容】

今日は「HTML入門」の04を勉強しました。

【概要とか感想とか】

ブラウザ上で何かを表示する際に最低限必要なものを用意するレッスンでした。

既存のものを編集することが多いので、こういった最初の部分って意外と覚えていない気がします…。

【大事なこと】

・タグの中にタグを入れることを「入れ子」という

入れ子にした場合は、構造がわかりやすい(見やすい)ように「字下げ(インデントともいう)」をする

・字下げはスペースより「tab」キーでやるといいかも(個人的に感じること)

--------------------------------------------------------------

<!DOCTYPE html> …htmlの始めに書く。必須アイテム。

<html lang="ja"> …<html>タグ+「日本語で書かれてます」って意味。

<head></head> …htmlの頭になる部分。主にページの情報が詰め込まれる。

<body></body> …htmlのメインになる部分。

</html> …<html>の終了タグ。

--------------------------------------------------------------

↓headとbodyの中身

<head>

<meta charset="utf8"> …文字コードは「utf8」ですよ、の意味。

<title>秋さんについて熱く語るページ</title> …ページのタイトルです。

</head>

<body>

<p>秋さんは私の夫だからあげないよっ!</p> …文章です。前回も使いました。

</body>

--------------------------------------------------------------

・ファイル名は半角英数字にする(ひらがなや漢字だとネットワーク上では表示されなくなるので)

・ページで最初に表示されるのは「index.html」と書いてあるもの

・htmlファイルは、ブラウザにドラック&amp;ドロップすれば表示される

・ブラウザ上で右クリックして表示されるメニューで「ページのソースを表示」を選ぶと、そのページのhtmlが見れる

【大事なことまとめ】

タグを手打ちすると間違える可能性【大】なので、必ずブラウザで確認しましょう!

表示されないということは、何かしら打ち間違えているということです!

あと、メモ帳で作って開くと文字化けするので、メモ帳はダメだ!←やっちまった人A

 

…以上です!