↑タブとヘッダーに自分の名前を記載してみましょう。
リンクの作成 [h1タグ]
以下に便利なサイトへのリンクを作成します。「京都大学関連」に「京都大学情報環境機構」のリンクを加え,「その他」には「英辞郎 on the WEB」および「NIST Chemistry WebBook」へのリンクを追加して下さい。リンクをクリックして正常にページが遷移することを確認して下さい。また,下記リンクのTAG indexを参照し(カラーチャート:カラーネーム, Web Safeカラー, カラーグラデーション),h1タグやh2タグの背景色や文字の色を変えてみて下さい。
京都大学関連 [h2タグ]
その他 [h2タグ]
・Googleマップ
・TAG index - ホームページ作製情報
・1時間で作るホームページ
画像の挿入 [h1タグ]
以下のロゴをカラーのもの(logo_color.jpg)に変えてみましょう。

テキストの入力(インターネット検索の復習) [h1タグ]
ウェブ検索演算子の機能について記載して下さい。ヒント:テキストは<p>と</p>の間に記入します。またテキストの途中で<br>と記入すると改行されます。
ウェブ検索演算子とその機能 [h2タグ]
"フレーズ" : xxxxxxxxxxxxxxxxxxxxxxを検索する際に使用する。
* : xxxxxxxxxxxxxxxxxxxxxxx
OR : xxxxxxxxxxxxxxxxxxxxxxx
表の作成 [h1タグ]
周期表を(原子番号36番まで)作成してみましょう(周期表はサーチエンジンによって検索して下さい)。さらに余裕があれば,ランタノイド系,アクチノイド系の表を加え,原子番号118番まで全て作成してみて下さい。
1 | 18 | ||||||||||||||||
H | 2 | 13 | 14 | 15 | 16 | 17 | He | ||||||||||
Li | F | Ne | |||||||||||||||
Na | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Ar | ||||||
Kr |
Googleマップの埋め込み [h1タグ]
○○○○の周辺マップ [h2タグ]
Googleマップの埋め込み機能によって,世界中で行ってみたい場所のマップを貼り付けてみましょう。また,その理由や魅力をこのテキスト部分に書いて下さい。
要望・感想 [h1タグ]
ここに本演習に関する要望・感想を書いて下さい。
課題の提出 [h1タグ]
ページの末尾に「氏名」,「学籍番号」,「E-mail」を記載の上,
本ファイルのファイル名をtemplate.html から、XXXX_14WebPage.htmlに変更して、
Emailに添付して提出して下さい.(注:XXXXは自分の学生番号)