2008 . 07 « 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 » 2008 . 09

HTML 基本1

基本知識〜各部の名前
(20040801改正)


とりあえず、知っておいた方が後々楽になるので専門用語
(といってもそんなに難しくないです(笑))
を紹介します。


HTML(えいち・てぃー・えむ・える)
Hyper Text Markup Languageの略。これが俗に言う「タグ」の基本となります。

HEAD(へっど)
文字通り頭、です。この頭の中に、色々と知識を加えていきます。

BODY(ぼでぃ)
こちらも文字通り体、です。此処に文字などを書いていきます。



この三つが基本です。この三つが一つのページに必ず入ってなければいけません。
他にもたくさんありますが、入れておいたほうが良い!ものを紹介していきます。
ガンガン行くぜっ!(笑)



META(めた)
これは、是非是非入れて欲しい・・・と管理人切に願っております。
文字化けを防げるタグなので、入れると素晴らしいことになります(笑)
他にも自分のページを検索に引っかかりやすくさせたり、逆にひっかからないようにさせたり出来ます。とても便利!

● 一番ポピュラーな文字化け防止用メタタグ↓(とにかく使って欲しい)
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">

● 一番ポピュラーなページPR用メタタグ↓(ヒットさせたい時に有効)
<meta name="description" content="紹介文">
<meta name="keywords" content="キ−ワ−ド">
(紹介文のところに、自分のサイトが検索で出た時に表示させたい紹介文を。例:「HTML・SKIN・素材配布サイト。特にHTMLが豊富。」など)
(キーワードの中には、自分のサイトに当てはまるものをいつくでも入れてください。何個も入れる場合は「html,素材,無料,かわいい,きよりん」など、「,(カンマ)」で区切ってください)

● 一番ポピュラーなページ検索回避メタタグ(裏ページなどに有効)
<meta name="robots" content="none">
<meta name="robots" content="noarchive">
<meta name="robots" content="noindex, nofollow">



基本的にこれらが入ってれば大丈夫なのですが、もう少し補足。



TITLE(たいとる)
お気に入りに入れたりするときに、自動的にサイト名が入ってたりしますよね?
STYLE(すたいる)
コレは後ほど嫌というほど出てくるのですが(笑)一応。
このページ、スクロールバーが矢印のみの表示になっていますよね?フォントだってサイズが固定されるし・・・そのような設定をするのが「スタイル」です。いわば体の中から綺麗になれる・・・みたいな(謎)これを使うと、凄く見栄えが良くなります!


こんな感じですー。大体雰囲気はつかめたと・・・思います!
管理者にだけ表示を許可する

トラックバックURL
http://riramani.blog39.fc2.com/tb.php/3-f33d81b1