cairn diary

If the river is muddy, wash your feet

HTML個人講座4日目

こんにちはcairnです。

 

HTML個人講座4日目です。

 

さぼらずに淡々と進めていきますよ!

 

本日はいよいよ文章などを入力していきたいと思います。

 

ちなみに昨日まで行っていたことは、あくまで全体の構成作りであります。

 

あの状態でウェブページに反映させても何も表示されません。

 

なので、ここからやっと作成しているものが目に見えるようになるんです。


では昨日までに作成したものを引用して・・・


タグの間に文章を入力します。

 

↓昨日までに作成したもの

 

<html>

<head>

<title></title>

</head>

<body>

<div id="container">

<header>

</header>

<div id="sidebar">

<nav>

</nav>

</div>

<div id="main">

</div>

<footer>

</footer>

</div>

</body>

</html>

 


まずはタイトル↓

 

<title>○○</title>

 

の『○○』の部分に文字を入力すると

 

ウェブページでタイトル表示されます。

 

 

次に

 

<header>○○</header>

 

の『○○』の部分に文字を入力すると

 

ウェブページのヘッダーが表示されます。


そして文字のサイズを変更させることもできます。

 

その方法は<h1></h1>で文字を挟むのです。

 

この<h>というタグは1~6までサイズがあり、1が一番大きくなります。

 

数字が大きくなるにつれて文字のサイズが小さくなります。


そして<header></header>(見出しになる部分)を2行以上にしたい場合は


<hgroup></hgroup>で囲めば大丈夫です。

 

本日はここまで

 

ではまた明日( ´∀` )