|
|
|
まずは基本から
|
ＨＴＭＬファイルの構築は基本この形からなります。
変更箇所は赤文字 の部分だけ
<head>と</head>の中にはそのページに対する指示を出した
JavaScriptやスタイルシートなどといった実際にＨＰに機能する
指示などを書き込みます。
<body>〜</body>が本来ＨＰとして見られる部分です。
|
|
使用構図
<HTML>
<head>
<title>タグの勉強中</title>
</head>
<body>
内容
</body>
</html>
|
|
|
ページにタイトルをつける
|
<title>〜〜</title>
〜〜の部分にタイトルを入れるとブラウザのメニューバーに
ページのタイトルが表示されます
お気に入りに登録された時のタイトルとしても使用されますから
是非設定しておいて下さい
|
|
使用構図
<html>
<head>
<title>タグの勉強中</title>
</head>
<body>
</body>
</html>
|
|
|
ページに関する情報
|
<meta name="★" content="☆">
☆=author(作成者),copyright(コピーライト),Reply-to(連絡先)
content-language(記述言語),build(製作年月日)
☆=★に関する具体的な情報
|
|
使用構図
<html>
<head>
<title>タグの勉強中</title>
<meta name="author" content="名前">
<meta name="Reply-to" content="ＨＰのＵＲＬなど">
<meta name="copyright" content="ja">
<meta name="build" content="2005/11/20">
</head>
<body>
</body>
</html>
|
|
|
▲上へ戻る
|
|
文字コードの設定
|
<meta HTTP-EQUIV="content-type " CONTENT="text/html;charset=★">
★=文字コードの種類
ISO-2020-JP
SHIFT_JIS
ECU-JP
このタグで文字コードを指定しておけばブラウザ側での文字化けを防ぐ事が出来ます
|
|
|
▲上へ戻る
|
|
ロボット型検索エンジン用のキーワードを設定する
|
<meta name="★" content="☆">
★=keyword,description
keyword=ページのキーワード
description=検索結果として表示させる文章
☆=★に関する具体的な情報
|
使用構図
<html>
<head>
<title>タグの練習中</title>
<meta name="keyword" content="タグ,HTML,tag,タグで作るホームページ">
<meta name="description" content="HTMLタグの解説をしています">
</head>
<body>
</body>
</html>
|
|
|
▲上へ戻る
|
| コメントの挿入 |
<!--★-->
★=コメントの内容
このタグで挟まれたテキストはブラウザには表示されませんから
タグの目印やメモ書きとして利用します
同じ意味のタグとして<comment>〜〜</comment>があります
|
使用構図
<html>
<head>
<title>タグの勉強中</title>
</head>
<body>
<!--リンクメニューの始まり-->
<comment>リンクメニューの始まり</comment>
</body>
</html>
|
|
|
▲上へ戻る
|
|
スタイルシートの定義
|
<style type="text/css">
<!--
-->
</style>
適応させたいページの<head>〜</head>に埋め込みます
|
|
▲上へ戻る
|
|
