+- Perl入学式 第5回に必要なHTMLの知識について
+ - Chrome,Firefox ページのソースを表示
+ - Safari 描き設定をしてから、ページのソースを表示
+ - 環境設定->詳細->メニューバーに"開発"メニューを表示にチェックを入れてから
+ - InternetExplorer ソースの表示
+> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+確認が終わったら、ソースが表示されているタブ・ウィンドウを閉じます
+ - ファイル形式はテキストファイルを選択し、保存
+ - 右クリック 別名で保存、形式は「Webページ,
+ - 右クリック->ページを別名で保存、フォーマットは「ページのソース」
+ - ファイル -> 名前をつけて保存 -> ファイルの種類は「テキストファイル」を選択し保存
+1. 出来上がったファイルをブラウザにドロップする
+1. 画像や広告が消えたホームページが表示される
+ホームページがテキストファイルで作成されていることがわかります
+このHTMLファイルの中身を書き換えることで、ページの内容を書き換えることが可能です
+HTMLファイルは、タグで文章をマークアップ(意味付け)していくことで作成します
+ここではPerl入学式 第5回で利用するタグについて「のみ」説明します
+- 末尾にある`</タグ>`を終了タグ、閉じタグ
+ - 終了タグにはタグ名の前にスラッシュがついています
+ - 開始タグと終了タグは1対1の関係ですが、例外的に終了タグのないものもあります
+ <head><title>入力フォーム</title></head>
+ <form action="/post" method="POST">
+ <input name="body" type="text">
+ <input type="submit" value="投稿する">
+これから書かれるのがHTML5の形式であることをブラウザに伝えるためのタグです
+構造化する文書、ブラウザで表示される文書はこのタグの中に書く必要があります
+ <head><title>入力フォーム</title></head>
+ヘッダ情報とは、文章についての情報を書く部分です
+- Googleなどのサーチエンジンが収集するキーワード
+ページのタイトルは専用のタグがあり、それが`<title>`タグです
+この`<title>`タグで囲まれた部分に書いた文字列は、ブラウザのタブに表示されます
+ <form action="/post" method="POST">
+このformタグで囲まれた部分に文字入力欄やボタンなどのタグを置いていきます
+ブラウザからサーバー(の中のプログラム)へ情報を送信するために必須のタグです
+ <form action="/post" method="POST">
+formタグの開始タグの中にある`action="/post" method="POST"`は属性と呼ばれるものです
+この属性によって、タグの働きを制御することができます
+- action="/post" : formの通信先が`/post`である
+- method="POST" : 通信方法は`POST`である
+form以外のタグでも属性を使って動きや表示を制御することが可能です
+ <input name="body" type="text">
+inputタグは入力欄やボタンをページに表示する際に利用します
+inputタグはformタグ内で利用されるタグです
+- name="body" : サーバー内のプログラムに通信する際, "body"という項目(key)でフォームの入力を送信する
+- type="text" : 1行分のテキスト形式(文字列)入力欄を表示する
+ <input type="submit" value="投稿する">
+先ほどと同じinputタグですが、属性が異なります
+- type="submit" : 「送信」ボタンを表示する
+- value="投稿する": ボタンの上に表示される文字列を「投稿する」に変える
+このように、同じタグでも異なる属性を設定することで、動きや表示が異なります
+brタグは、そのタグの位置に改行を挿入するものです。改行のみなので、閉じタグはありません。
+ <head><title>入力フォーム</title></head>
+ <form action="/post" method="POST">
+ <input name="body" type="text">
+ <input type="submit" value="投稿する">
+HTMLは静的、ページ内容が書き変わらないものですが、PerlやJavaScriptの力を借りることで書き換えが可能になります。
+ - 「送信ボタン」を押すなどして、ページの読み込みが発生したタイミングで書き換える
+ - ページ内のボタンクリックなどの「イベント」で書き換える
+ - サーバと通信しているが、ページの読み込みなどが表面上発生していないように見せることもできる(AJAX)
+文字の色や大きさなどのデザインはCSSという仕組みで実現するのが主流です
+インターネット上のサーバーにおくことで、世界中に公開することが可能です
+HTMLページを配信するために、Webサーバーが必要となります
+主なwebサーバはApache, nginxです。