次に罫線をひいてみます。
<html>
<head>
<title>罫線をひく</title>
</head>
<body>
<i>こんにちは！</i>
<hr>
</body>
</html>
<hr>が罫線のタグです。このタグには終了タグがありません。 →check
これに属性を加え罫線の長さと太さを調整してみます。
<html>
<head>
<title>罫線の長さ・太さ</title>
</head>
<body>
<i>こんにちは！</i>
<hr width="300" size="3" >
</body>
</html>
長さ300ピクセル、太さ3ピクセルです。 →check
次に画像を配置しています。
<html>
<head>
<title>画像配置</title>
</head>
<body>
<img src="images/gazo.jpg" alt="画像">
</body>
</html>
<img>タグは画像を配置するタグです。終了タグはありません。ｓｒｃ属性で画像ファイルの置いてある場所を指定します。 →check
リンクの設定をしてみます。テキストや画像にリンク先を設定できます。
テキストにリンクを設定してみます。
<html>
<head>
<title>リンク</title>
</head>
<body>
<a href="http://www.yahoo.co.jp/"
>ここ</a>をクリックするとヤフーのページにジャンプします。
</body>
</html>
<a href="リンク先" > 〜 </a>がリンク設定のタグです。画像やテキストにリンクを設定します。href属性はリンク先のファイルを指定し、<a>タグとセットで使います。今回は絶対パスでヤフーのぺージを指定しました。→check
|
| << タグについて |
絶対パス・相対パス >> |
 |
|
|
|
|
| |
■WEBデザインの基本 |
 |
|
|
