埋め込みコード:ソーシャルストリーム、チャット、録画ビデオタブ
!doctype>2012年6月4日月曜日
2012年6月1日金曜日
HTML
はじめに
インターネット上で蜘蛛の巣のように張り巡らされた情報網のことを World Wide Web (WWW) と呼びます。その情報網では,インターネット閲覧ソフト(ウェブブラウザ)で表示されたページ(ウェブページ)の一部分をクリックすることで,次々とジャンプしアクセスすることができます。 そのようなウェブページは,HTML (HyperText Markup Language) という言語で記述されています。 ここでは,HTML言語の書き方を学習しましょう。
HTMLファイルのサンプルと構造
サンプルファイル
まず最初に,この授業用のディレクトリを作りましょう。
cd mkdir html cd html
そして,次のように入力すると,エディタ emacs が起動し,mypage.html と名前を付けたファイルの作成画面が表示されます。
emacs mypage.html &
ここで,emacs がご丁寧にInsert /usr/local/lib/html/template.html?(y or n)
(HTMLファイルのテンプレート(ひな形ファイル)を出しましょうか?)
と聞いてくるので,n (いいえ) を選択します。間違えてテンプレートが出てしまった場合には,それを全部消して下さい。( 最初の行の先頭で,CTRL-K を押し続けると,消えます)
それから,次のような内容のものを作り,保存しましょう。 ただし, のように < と > とで挟まれた部分は, < > も含めて半角文字で書いていることに注意しましょう。
サンプルHTMLファイル
そして,ウェブブラウザでそのファイルを開いてみましょう。
ウェブブラウザの「ファイル」メニューの「ファイルのオープン」というサブメニューを用いて,先ほど選択したファイルを開きます。 すると,次のように表示されます。
サンプルファイルの結果
ブラウザのウインドウには"ようこそ!これは私のウェブページです。" が表示されています。また,そのウインドウのタイトルが"Welcome"となっています。 しかし,その他のとか
のように, <と>とで挟まれたものはブラウザ画面のどこにも表示されていません。 なぜなら,それはHTMLファイルの内容の構造を表す タグと呼ばれるものだからです。 HTMLファイルの書き方を覚えるということは, このタグの書き方を覚えるということに他なりません。タグと要素
さきほどのファイルにあるタグを抜き出してみましょう。
- と
- と
と - と
と
/ が付かないものと付くものとが セットになっているものがたくさんあります。 このように,通常,タグはセットになって現れます。
/が付かないものを開始タグ, /が付いたものを終了タグと呼びます。 また,開始タグから終了タグまでの部分を,要素と呼びます。
しかし,
のように,終了タグがなく単独で現れるものもあります。
タグは,その要素が全体の文書中で どのような意味を持つものであるかを表すものです。 また,タグは
では,さきほどのファイルのタグを,ひとつひとつ解説していきます。
HTMLファイルの構造
まず,ファイルの先頭に
という一行ありますが,これは,文書型の宣言をしているものです。 ここでは詳しいことは解説しないので,おまじないだと思っておいて下さい。 (doctype の前に ! があることを忘れないように)
次に,それ以降の内容全体が ととで挟まれて,html要素となっています。 これは,このファイルがHTML言語で書かれていることを意味しています。
html要素の中は,