ウェブ
ウェブページ
ウェブサイトは複数のウェブページで構成されています。
ウェブページ＝ウェブ要素
+ スタイル＋ユーザー・インタラクション
ウェブページ＝html+CSS+JavaScript
コースの目的
コードの理解と読み方
I. ウェブページ要素 HTML
html要素
テキストラベル
p: スタイルなし、関数の前後で改行されたテキスト
b: 太字タグ、太字テキスト、改行なし
u: 改行なしの下線スタイルによる下線タグ
br：改行機能
hr：水平分割線
h1-h6: ラベルタイトル、太字スタイルとフォントサイズ調整付き、改行前後付き
i: 改行なしのイタリック体ラベル
フォント: 通常のテキストラベル、スタイルなし、改行なし
strong：太字ラベル、改行なし
span: 普通のテキストラベル、スタイルなし、改行なし
スペース
イメージラベル
タグ名: img
<img src="イメージパス">
属性：
a, src: イメージのパスを指定します。
---- 絶対パス：ディスクの文字の先頭から書き込むため、パスが長く、移植に不便。
---- 相対パス：コードファイルがあるパスからの相対パス。
...\ 道の上層部; ...\写真12.jpg
<img src="14.jpg" width="300px" >
<img src="../pic/12.jpg">
b、width、height：イメージの幅と高さを指定します。
ハイパーリンク
元のタブでページをジャンプします：
<a href="test01.html"> </a>
新しいタブでウェブページを開く
<a href="test02.html" target="_blank"> </a>
ウェブページを開くイメージハイパーリンク
<a href="https://..om/" target="_blank">
<img src="https://../////.ng">
</a>
タグ付けされた名前: a
属性：
----href: ジャンプ先のページを指定します。
---targe="_blank"：新しいタブを開きます。
タブのスクロール
タグ別アーカイブ: マーキー
属性名
a. scrollldelay: 遅延減速
b, behaviour="alternate" 交互スクロール
c. 方向="上" 垂直スクロール
d、幅、高さのスクロール範囲
表ラベル
テーブル テーブルラベル
tr 単一行ラベル
td シングルカラムラベリング
colspan 横列ラベル
行番号 行番号 ラベル
ボーダー ボーダーカラー
セルパディング フォームボーダー
セル間隔 表内の間隔
bgcolor
