☆APPENDIX 4☆ タグを用いた HTML 文書作成 例題Ａ４－１ 基本的なウエブページの作成① テキストエディタでタグを直接打ち込むことで，次の様な HTML 文書「HP1.html」を作成せよ。 (1) (2) (解答) 1. 2. 3. 4. 5. マイドキュメントを開いてフォルダ「My Hp」を作成 → 共有ドライブ「情報発信の基礎」フォルダの全て のデータを「My Hp」へコピー TeraPad 起動 「インターネット社会の光と影」と入力。「HP1.html」で保存。 ※エディターの編集スタイルが変化。 フォルダ「My Hp」のファイル「HP1.html」をダブルクリックして，HTML ファイルを開く 「■インターネットの特徴」と入力 → 「HP1.html」にターゲットをあて，文書の更新（F5）を行い確認 → もう一度エディタに戻ってタグ<br>を入力した後，再度ブラウザで確認 ※半角で入力すること，スペル間違いのないように注意。 例題Ａ４－２ 基本的なウエブページの作成② HTML 文書「HP1.html」を次の様に，順次変更して作成せよ。 (1)見出しと文字揃え (2) 段落 (3) 文字の装飾（大きさ，色，下線，太字） (4)画像の挿入とリンク J5A4－1 (5)ページの背景 (6)ページタイトル (解答) 1. 2. 3. 4. 5. 6. <h1 align="center" >インターネット社会の光と影</h1> <h2 align="center" >■インターネットの特徴</h2>（<br>は削除） <p>私たちはさまざまな情報を利用しています。<br> インターネットは，私たちの生活を便利にしてくれます。<p> <p>私たちはさまざまな<font size=5 color="#ff0000">情報</font>を利用しています。<br> <u>インターネット</u>は，私たちの生活を<b>便利</b>にしてくれます。</p> <img src="link.gif"> →<a href="http://www.nikonet.or.jp/spring/"><img src="link.gif" border=0></a> ※border=0 は境界線の幅をあらわす。この場合は境界線なし 1 行目 <body bgcolor="#ffff80"> 1 行目 <title >インターネット社会の光と影</title> ※基本書式は次のようになる。 例題Ａ４－３ ページの変換・提出 作成したページをブラウザ上から PDF ファイルに変換して提出せよ。 ファイル名は「学年，組，番号，氏名＋J5A4.pdf」，提出先は「Teisyutu(y:)/Jyoho/＊組/J5A4/」とせよ。 J5A4－2
© Copyright 2024 Paperzz
