午後の散歩
きょうはあついな
今日は午後から散歩に出ました。
暖かくて途中から、半袖で歩きました。山のさくらも咲いていました。
結構、多くの人が登山していました。途中で山の方をみるとちょと黄色い煙が見えます。
なんでしょうね?
帰り道に、野に咲く花を見つけました。見てください
ニュース
コロナ緊急事態宣言が21日まで延長されました。
1都3県はなかなか減少しませんね、一時減ったかと思ったけど
また、花粉も待っていますね。周りでも花粉で苦しんでいる
人が増えてきました。みなさんも大丈夫ですか
趣味6回
今回は今までの復習です
初めにフォルダーを作成し、1:index.html 2:index.css 3:secondPage.html 4:secondPage.css
いつもの<html>のひな形は省略」します。※タグの”(”は”<”に変更してください。
写真も下記に添付しました。試してください
(メインページ> index.html ひな型は除く
<heder>の中
(link rel=”stylesheet” href=”index.css”>
<body>の中
(h1>テストページ(/h1>
(div>(img src=”hima.jpg” class=”pic” alt=””>(/div>
(div class=”text”>次回は何を書くか考えていません。(/div>
(a href=”index.html”>メインページに戻る。☜(/a>
<メインページ用css>index.css
body{
margin: 0 auto;
width: 500px;
height: 600px;
}
h1{
text-align: center;
background-color: rgb(250, 227, 169);
}
.pic{
width: 500px;
}
div{
background-color: rgb(77, 80, 80);
}
.text{
margin: 10px;
text-align: center;
color: rgb(17, 17, 17);
background-color: darkcyan;
}
<サブページ>secondPage.html
<heder>の中
(link rel=”stylesheet” href=”secondPage.css”>
<body>の中
(h1>メインページ(/h1>
(div >画像(img src=”catkuro.JPG” class=”pic” alt=””>(/div>
(div class=”text”>今回はこのブログを見ていただきありがとうございます。(/di+v>
(a href=”secondPage.html”>次ページへ続く☞(/a>
<サブ用css>secondPage.css
body{
margin: 0 auto;
width: 400px;
height: 500px;
}
h1{
text-align: center;
background-color: rgb(250, 227, 169);
}
.pic{
width: 400px;
}
div{
background-color: rgb(77, 80, 80);
}
.text{
margin: 10px;
text-align: center;
color: rgb(17, 17, 17);
background-color: darkcyan;
}
コメント