headerの画像

CSS 授業 


<!DOCTYPE html>
<html lang="ja"
<head>
<meta charset="UTF-8">
<title>header(1)</title>
<style type="text/css">
<!--
*{
	margin:0;
	padding:0;
}	
body{
	width:800px;
	height:auto;
	
}
#container{
	width:800px;
	height:auto;
}
#header{
	background-image:url(blue.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
	position:relative;	
}
#header h1{
	font-size:1.7em;
	color:#ffffff;
	padding:10px 20px;	
}
#header h2{	
  　　　font-size:0.875em;
  　　　color:#ffffff;
	position:absolute;
	top:5px;
  　　　left:550px;	
}

-->
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>Information World</h1>
<h2>Technical Information</h2>
</div>
</div>
</body>
</html>

　今日は、先生のお手本を見ないで完成させました。もう少し辛抱しながら、慣れていきたいと思います。webの道は、これから続いてゆくのだから、パソコンともお友達になろうと決めました。早く、会話が出来るようになれるといいな〜。最近、体力がついてきたのか、電車の立ちっぱなしにも慣れてきた。だから、夜の静かな時間をもうちょっとだけ、有効に使える気がしています。

　家のパソコンからも、無事にサーバーとつながるようになりました。だから、楽しいことを考えながら、厳しいwebの道を歩いていこうと思います。やっぱり、楽しみながらじゃないと、つまらない。せっかくの時間を大切にしよう。

　何かの縁があって、ここにいることを感謝します。よし、また明日！