4.ウェブページの土台作り

2020年2月18日イチから学ぶHTML&CSS その1

HTMLを使用して、最低限必要なところを作成します。

基本形

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
</html>

headに追加する行

この部分はページの情報を格納するところで、ウェブページに表示されません。

文字コードの指定

文字コードを「UTF-8」に指定します。

<meta charset="utf-8">

ページタイトル

titleタグの間にタイトルとなるテキスト文字を入力します。ここでは「DEMO SITE」とつけます。

<title>DEMO SITE</title>

CSSファイルの呼び込み

別で作成するcssファイルを呼び込みます。

<link rel="stylesheet" type="text/css" href="style.css">

土台の完成

上記3つを追加して、HTMLファイルの土台が完成です。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>DEMO SITE</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	
</head>
<body>

</body>
</html>

次は5.コンテンツの作成