webプログラミング講座 8日目

今日は、雨の通学

ブルーでのはじまり!

 

昨日の続きでhtmlとcssで内部リンクと外部リンクについて

少しでづつhtmlとcss理解出来てきているのか、手も早くなっています。しかし覚えることが苦手な私は、パンク寸前!

 

リンクの文字指定や文字色、カーソルの指定など勉強!めっちゃ勉強になったぞ!

画像は昨日も少ししたのですが、続きで画像の指定などなど、画像はこれからもよく使うだろうからしっかり勉強しておこう!

画像にリンクを張る(指定)する作業まで行きました。

少し混乱・・・・?

理解不能なことも少し出てきました。

6時間の授業が終わるころには、疲れがでています。

 

追記

マウスを使わずにコピーや貼り付け、ページの選択などをパソコンに詳しい人に教えてもらっています。

毎日が新しい発見ばかりでスキルアップにつながっているのではないかと思っています。

 

Ctrl+C(コピー) Ctrl+V(貼り付け)

Shift +Tab(ページの変更、選択)

F5(更新)

マウスを使わずに何でも出来るようになる事を目標に・・・

 

HTMLファイル

<!DOCTYPE html>
<html lang”ja”>
<head>
<meta charset”=”utf-8″>
<title></title>
<meta name=”author”content”">
<meta name=”description” content=”">
<meta name=”keywords”content”">
<link rel=”stylesheet” href=”03_image.css”>
<style></style>
</head>
<body>

<div>
<a href=”01_link.html”>
<img src=”./image/autumn.jpg” alt=”紅葉”>

<p>紅葉の秋!温泉と味覚、上杉を巡る旅<br>
<span>山形おきたま観光特集</span>
</p></a>

</div>

<a href=”01_link.html”>
<div>
<img src=”./image/autumn.jpg” alt=”紅葉”width=”100″height=”100″>

<p>紅葉の秋!温泉と味覚、上杉を巡る旅<br>
<span>山形おきたま観光特集</span>
</p>

</div></a>

<a href=”01_link.html”>
<div>
<img src=”./image/autumn.jpg” alt=”紅葉”width=”100″height=”100″>

<p>紅葉の秋!温泉と味覚、上杉を巡る旅<br>
<span>山形おきたま観光特集</span>
</p>
<p>
上杉鷹山公で知られる城下町米沢市をはじめ、
長井市、南陽市、高畠市、川西市、小国町、飯豊町
からなる山形県置陽地域、自然と歴史がうまく溶け合う
エリア。米沢牛や米沢ラーメン、ら・フランスなど
の果樹、ワインなど食も秘湯・名湯も豊富</p>
</div></a>

</body>
</html>

 

CSSファイル

@charset “UTF-8″;

.box1 {
border: 1px solid gray;
margin: 10px;
padding: 30px;
}

span {
font-size: 1.5em;
}
.case1 {
float: left;
margin: 8px;
padding: 2px;
border: 1px solid gray;
width:100px;
max-width:100%;
}
.aso{
background:red;
padding:20px;
margin: 10px;
}
今使っている教科書はこれ!

002