Photo by
featurecompass
HTMLを一緒に学んでいこう！ 9/17
みなさんこんにちは！言語郎です！今日も一緒にHTMLを学びましょう！
今日は<body></body>の中身を作ってみましょう！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webpage</title>
</head>
<body>
<!----今日はここの中身を簡単に作ってみましょう！--->
<h1>この間がトピックのタイトルになります。</h1>
<p>この間がトピックの内容になります。書きたいことをここに書いてみましょう！</p>
</body>
</html>前回のと比較してみましょう。
前回のは、
＜!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webpage</title>
</head>
<body>
<!----content---->
</body>
</html>今回のは、
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webpage</title>
</head>
<body>
<!----今日はここの中身を簡単に作ってみましょう！--->
<h1>この間がトピックのタイトルになります。</h1>
<p>この間がトピックの内容になります。書きたいことをここに書いてみましょう！</p>
</body>
</html><body></body>の間の中が変わりましたね。
<body>
<!----今日はここの中身を簡単に作ってみましょう！--->
<h1>この間がトピックのタイトルになります。</h1>
<p>この間がトピックの内容になります。書きたいことをここに書いてみましょう！</p>
</body><body></body>の間は実際にWebページでも文字として表示される部分になります。
＜h1＞＜/h1＞の間には話すトピックのタイトルを、
＜p＞＜/p＞の間には話す内容を
書いていきましょう。
今回めちゃめちゃ簡単に説明しました。また修正したりします。
これからも一緒に学んでいきましょう。