タグを使ったウェブページ作成兵庫県立伊丹北高等学校佐藤　勝彦.

タグを使ったウェブページ作成兵庫県立伊丹北高等学校佐藤　勝彦

ウェブページのしくみ画面に表示される文字装飾や画像の指定画像や音声などのファイルＨＴＭＬファイルの指定に従ってブラウザが表示する。
文字だけのＨＴＭＬファイルバイナリー　　ファイル

ウェブページの見え方指示に従って見る側で構成される。作ったものと見えるものは違う場合がある。ワープロとは違う。機種の違い
ブラウザの違い画面サイズの違いフォントの違いワープロとは違う。

＜と＞で挟まれた文字は画面には表示されない。
ＨＴＭＬとは Hyper Text Markup Language 装飾やハイパーリンクをもった文字文書装飾にはタグを使う。＜と＞で挟まれた文字は画面には表示されない。

タグによる装飾の例単独利用型のタグ・・・例）改行＜ＢＲ＞あいうえおあいうえお <BR> ブラウザで見るとあいうえお
改行されない改行される

タグによる装飾の例サンドイッチ型・・・例）斜体＜I＞と＜／I＞あいうえおあいうえお <I> </I>
あ　　　　いうえお <I> </I> ブラウザで見るとあいうえおあいうえお挟まれた文字だけが斜体になっている

様々なタグ（１）見出し <H○> </H○> 区切り線 <HR> 改行 <BR>
画像　　　<IMG　SRC=画像ファイル名> リンク　　　<A　HREF=HTMLファイル名></A> 〇には数字が入る

様々なタグ（２）文字の大きさ <FONT SIZE=○> 文字の色 <FONT COLOR=○>
中央寄せ　　　<CENTER> </CENTER> 箇条書き　　　<UL> </UL> 　各項目　　　　 <LI>

様々なタグ（３）構造をあらわすタグ <HTML> </HTML>
<HEAD> </HEAD> <BODY> </BODY> <HTML> </HTML> <HEAD> </HEAD> 表示なし <BODY> </BODY> 本　文

様々なタグ（４）表 <TABLE> </TABLE> 表の１行 <TR> </TR>
　表の１マス　　　<TD> </TD>

表のタグ <TABLE> <TR> <TD> <TD> </TD>

タグのオプション WIDTH=幅 HEIGHT=高さ ALIGN= SIZE=文字のサイズ COLOR=色
LEFT CENTER RIGHT TOP MIDDLE BOTTOM SIZE=文字のサイズ COLOR=色

幅や高さの指定ドット数で指定する方法ウィンドウ全体に対する相対的な幅で指定する方法例）WIDTH=200 幅を200ドットにする。
　　HEIGHT=100　　高さを100ドットにする。ウィンドウ全体に対する相対的な幅で指定する方法例）WIDTH=50% 幅を窓全体の幅の50%にする。

色の指定 COLORやBGCOLORオプションで使う。色名で指定赤・緑・青の色の配合の割合で指定 COLOR=Red など色見本参照
COLOR= #00FFFF など　　色見本参照 # 00 FF FF

TABLEタグのオプション <TABLE> <TD COLSPAN=2> </TD>
<TR> <TD> </TD> <TD> </TD> </TR> <TD ROWSPAN=2> </TD> <TR> </TR> </TABLE>

画像の形式と取り込み画像の形式画像の取り込みＧＩＦ画像ＪＰＥＧ画像画像のところにカーソルを持っていって、右クリック
「名前をつけて画像を保存」を選び、保存先を指定

なぜタグを学習するのかインターネットの仕組みの理解実際には何が流れているのか高度な技術への発展ＣＧＩＩ－ｍｏｄｅごみタグの整理

Presentation on theme: "タグを使ったウェブページ作成兵庫県立伊丹北高等学校佐藤　勝彦."— Presentation transcript: