↑タブとヘッダーに自分の名前を記載してみましょう。

リンクの作成 [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は自分の学生番号)


氏名:○○○○
学籍番号:0123456789
E-mail: xxxxxxxxx[at]st.kyoto-u.ac.jp