Next: 入力内容を保存して Firefox で見る
Up: 実習
Previous: 長い日本語の入力
今の状態で「ファイル」メニューから「新規」を選びます.
入力画面のすぐ上に新しいタブができて「編集中のドキュメント」
となります. ここで次のようにメニューをたどります.
表示 → 強調表示モード → マークアップ → HTML
今のままでは, 何も変化が無いように見えますが, 下の線で囲まれた部分
内容を入力すると, ソースコードエディタの機能が見えます.
ここで入力するのは, HTML ソースです.
入力の際には「XXX」の部分は自分の名前やニックネームにし,
プロフィールの部分には自分の事を書いて下さい.
また, 1行が長くなりすぎないように, 改行を適宜入力して下さい.
<!DOCTYPE html>
<html lang="ja">
<!-- Header -->
<head>
<!-- 文字コード指定 -->
<meta charset=UTF-8" />
<!-- スタイルシートの指定 -->
<link rel="stylesheet" type="text/css" href="index.css" />
<!-- ブラウザのタイトルバーに表示させる文字 -->
<title> XXX のページ </title>
</head>
<!-- body 以下が本文 -->
<body>
<!--見出し-->
<h1> ようこそ XXX のページへ </h1>
<hr>
<!--あいさつ文-->
<p>
講義「情報科学演習」で作成した Web ページです。
</p>
<p>
ここには、簡単な自己紹介、基礎ゼミの同級生の紹介、
時間割、HTMLの書き方、その他を置きます。
</p>
<hr>
<h2>
プロフィール
</h2>
<ul>
<li> 星座：猫座 </li>
<li> 血液型：X 型 </li>
<li> 出身地：沖縄県 </li>
<li> 趣味：読書 </li>
<li> 特技 : 新聞紙を10回折る </li>
</ul>
</body>
</html>
Next: 入力内容を保存して Firefox で見る
Up: 実習
Previous: 長い日本語の入力
2014-05-09