2006年05月19日

HTMLの基礎

HTMLの基本構造は次の通りです。

<HTML>
<HEAD>
そのページの基本情報や設定
</HEAD>
<BODY>
実際に表示される部分の記述
</BODY>
</HTML>

指定部分は < >(半角山形括弧)の中へ入れ、俗に「タグ」と呼ばれます。
必ず「終了タグ」と対になっていななければいけないものと、終了タグが必要ないものがあります。


上の例で見ていただくと、<HTML>と</HTML>が対になり、その間に<HEAD>〜</HEAD>と<BODY>〜</BODY>が入っていますね。
「HTML文書だよ」という全体の指定の中へ、HEAD(基本情報)開始〜終了とBODY(本文)開始〜終了という形で記述されているわけです。
見てわかるように、終了タグは </xxx> という形になります。


HEADに入るのは、そのページの基本情報や設定です。


HTMLのバージョンや使用言語の種類やバージョン・・・これは気にしなくてもいいです。
なくても、デフォルト指定されているものが勝手に使われることになっているので(こういう点がHTMLは便利なんですよね)記述しなくても特に問題ありません。
ただ、ここに「タイトル」や「説明文」が入ることになっていて、これは重要なので覚えておく方がいいかもしれません。
(ブログの場合は勝手に入れてくれますから、気にする必要はないんですけどねw)
あと、スクリプトを使用する場合は、ここへ記述する必要があることが多いです。


BODYは、実際に表示されている部分をHTML言語で書いた部分です。


ブログは基本的に「代入方式」で、場所や順番の指定だけがHTMLでされ、「ここに【記事】を新しいものから順番に入れるよ」「ここに【コメント】を入れるよ」のような書き方になっています。
が。
記事、コメント、トラックバックくらいは、どのブログでも「代入方式」なのですが、その他のものについては、ブログによってずいぶん違っています。


seesaaは、ほとんどのものが代入方式で、HTMLを弄る場合も各コンテンツの管理ページで弄れるので、大元のHTMLはほとんど弄ることがありません。
FC2になると、その点がseesaaよりも複雑になり、サイドバーにあるものはそれぞれのページで弄れますが、ヘッダーやフッターのものは大元を直接弄らなければいけなくなります。
ブログによっては、サイドバーのものも大元のHTMLを弄らなければいけないものもあります。


私が、初心者に一番敷居が低いかなと思うのは、seesaaです。


そして、実際のHTMLですが。


最低限、覚えておいた方がいいと思うのは、以下のものです。

・リンクを貼る時のタグ
<A href="">【文字あるいは画像の指定タグ】</A>

・画像の指定タグ
<IMG src="【指定する画像ファイルの場所】">  これは終了タグはいりません

・改行タグ
<BR>  これも終了タグはいりません

・スタイル指定タグ
<DIV> または <SPAN> または <P>

どれでもいいようですが、私はDIVを使っています。
<DIV class="xxx">のように、どのスタイルを使うか指定します。

・テーブルタグ
<TABLE><TR><TD>【テーブル内に入れるもの】</TD></TR></TABLE>

ちょっとややこしいですが、<TR>は行ですね。
<TD>は列・・・というか、文字や画像を入れるセルです。
横にセルを並べる時には、すぐに </TR> で閉めずに、セルの数だけ <TD> </TD> が続き、次の列に行く前にようやく </TR> で閉めることになります。

テーブルは、デザインが凝ってくると、<TD> の中へさらにテーブルを入れたりしますので、はっきり言ってかなりややこしいです。
まぁ「同じ種類の開始タグと終了タグが入れ子になることはない」ので、じっと見ていれば分かるものですがw


こうやってずらずらと書きましたが、HTMLについては、私は「系統立ててお勉強」はしない方がいいと思います。
(専門家になろうという人は、もちろん別w)


一番いいのは、何か「これをこうしたい!」というものが出来たとき、諦めないこと。
調べたり、わかる人に聞いたりして、ともかくやり方を教えてもらって、その通りにやる!
その時、まったく理解出来なくても、積み重なると、自分の頭の中で勝手に「何となくわかってくる」。
それが一番だと思うんですよね。



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
この記事はいかがでしたか?少しずつですが、頑張っています。
応援お願いします!

e_02.gif     banner_03.gif
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
この記事へのコメント
こんばんわ、ザルガバースです★

HTMLの内容をうまくまとめてらっしゃいますね♪

なかなか文章にするって難しいですよね!

僕も現在勉強中です。

応援★
Posted by ザルガバース〜0円日記〜 at 2006年05月19日 22:24
こんにちは!
私も今HTMLを勉強しています。
でも、なかなかむずかしいですよね。。

Cross-Aはやらないのですか?
時間がある時にでも覗いてみて下さい。
コメントまってますね!

応援ポチ
Posted by nao at 2006年05月20日 14:14
詳しいですね。

HTML、どんどん勉強していきます。

応援しておきます〜
Posted by 【在宅ビジネスで自由生活】秀夜 at 2006年05月20日 22:43
始めまして。カイヅといいます。
ランキングから飛んできたのですが、解りやすいブログですね^^
初心者の方はこういう情報、欲しいと思います。
また遊びに来ますので今後ともよろしくお願いいたします。
Posted by カイヅ at 2006年05月21日 17:04
こんばんは、ponです。

いつ来ても勉強になります。
有難うございます♪

又来ます。応援ポチッと。
Posted by 情報商材@夢叶うブログ のpon  at 2006年05月21日 23:04
みなさんこんにちは。
今年は雨が多いですね、それでもやっと春らしくなってきたかな…。
もっともそうなると、休日は出かけるのに忙しくなってしまうのですが…。

ザルガバースさん>こんにちは、いつもありがとうございます。難しいですね、ホントにひとつ言葉を足すかどうかで、わかりやすさがグンと違ったり・・・。勉強しながら頑張っています。

naoさん>こんにちは。えっとCross-Aですか? それもやっていますよ〜 Cross-Aの商材主体のブログも持っていたりします。あそこは選びやすくて楽しいですよね。

秀夜さん>こんにちは。HTMLは私もちゃんと勉強したことは一度もないのですが、だからこそ初心者のわからないことがわかるかな・・・と(勝手に)思っています。

カイヅさん>こんにちは。ありがとうございます。これからも少しずつ頑張りますので、また来てくださいね♪

ponさん>こんにちは、いつもありがとうございます。最近、別のブログを作るのに嵌っている日々だったり・・・。アフィリが趣味になっている私ですw
Posted by sora at 2006年05月22日 18:52
はじめまして〜
HTMLタグについて勉強になりました。
ビルダーで作ってタグをseesaaにアップすると、文字化けのような感じになってしまうんです。
今は、面倒なのでそのままブログを使っています。(;^_^A あせあせ
Posted by 無料で稼ぐネットライフ Junko.T at 2006年05月23日 21:36
突然のコメントにて失礼致します。
「初心者のためのネット起業成功ノウハウ特選」サイトを管理してますネットキングと申します。
この度は(100相互リンク支援センターより)相互リンクお誘い頂き、ありがとうございます。
貴サイトへのリンクが完了致しましたので、ご確認ください。
http://netking.seesaa.net/
以上、よろしくお願いいたします。
Posted by ネットキング at 2006年05月23日 22:26
こんばんわ、コメントありがとうございます。

Junkoさん>こんばんわ。文字化けの件ですが、一度メモ帳にコピーを取って、それからシーサーの管理画面にコピーしてみてはどうでしょう?
私はメモ帳からタグをコピーして、それで大丈夫なので、たぶんいけると思います。

ネットキングさん>お返事遅れまして失礼しました。ありがとうございます。これからもよろしくお願いします。
Posted by sora at 2006年05月25日 22:03
書き込むenglish amatuer porn vsq http://amatuer.bluesauce.com/english-amatuer-porn.html english amatuer porn
amatuer pictures of girls vsq http://amatuer.bluesauce.com/amatuer-pictures-of-girls.html amatuer pictures of girls
japanese free amatuer sex clips vsq http://amatuer.bluesauce.com/japanese-free-amatuer-sex-clips.html japanese free amatuer sex clips
live amatuer sex cams vsq http://amatuer.bluesauce.com/live-amatuer-sex-cams.html live amatuer sex cams
denver women amatuer vsq http://amatuer.bluesauce.com/denver-women-amatuer.html denver women amatuer
free amatuer dog sex pics vsq http://amatuer.bluesauce.com/free-amatuer-dog-sex-pics.html free amatuer dog sex pics
picking up amatuer girls vsq http://amatuer.bluesauce.com/picking-up-amatuer-girls.html picking up amatuer girls
amatuer kansas porn vsq http://amatuer.bluesauce.com/amatuer-kansas-porn.html amatuer kansas porn
couple amatuer porn vsq http://amatuer.bluesauce.com/couple-amatuer-porn.html couple amatuer porn
amatuer porn mpeg vsq http://amatuer.bluesauce.com/amatuer-porn-mpeg.html amatuer porn mpeg
uss amatuer porn vsq http://amatuer.bluesauce.com/uss-amatuer-porn.html uss amatuer porn
real amatuer women movie clips vsq http://amatuer.bluesauce.com/real-amatuer-women-movie-clips.html real amatuer women movie clips
girl porn amatuer vsq http://amatuer.bluesauce.com/girl-porn-amatuer.html girl porn amatuer
virus free amatuer porn vsq http://amatuer.bluesauce.com/virus-free-amatuer-porn.html virus free amatuer porn
free teen amatuer porn vsq http://amatuer.bluesauce.com/free-teen-amatuer-porn.html free teen amatuer porn
amatuer sex vidz vsq http://amatuer.bluesauce.com/amatuer-sex-vidz.html amatuer sex vidz
oral amatuer sex vsq http://amatuer.bluesauce.com/oral-amatuer-sex.html oral amatuer sex
amatuer indian girls pics vsq http://amatuer.bluesauce.com/amatuer-indian-girls-pics.html amatuer indian girls pics
free amatuer sex galleries vsq http://amatuer.bluesauce.com/free-amatuer-sex-galleries.html free amatuer sex galleries
phone sex amatuer vsq http://amatuer.bluesauce.com/phone-sex-amatuer.html phone sex amatuer
search amatuer wife gallery sex vsq http://amatuer.bluesauce.com/search-amatuer-wife-gallery-sex.html search amatuer wife gallery sex
amatuer porn tryout video vsq http://amatuer.bluesauce.com/amatuer-porn-tryout-video.html amatuer porn tryout video
amatuer tryouts sex vsq http://amatuer.bluesauce.com/amatuer-tryouts-sex.html amatuer tryouts sex
porn seattle amatuer vsq http://amatuer.bluesauce.com/porn-seattle-amatuer.html porn seattle amatuer
amatuer mature women mpgs free vsq http://amatuer.bluesauce.com/amatuer-mature-women-mpgs-free.html amatuer mature women mpgs free
free swinging amatuer couples having sex video vsq http://amatuer.bluesauce.com/free-swinging-amatuer-couples-having-sex-video.html free swinging amatuer couples having sex video
elephant list amatuer porn vsq http://amatuer.bluesauce.com/elephant-list-amatuer-porn.html elephant list amatuer porn
mobile phone amatuer sex pic vsq http://amatuer.bluesauce.com/mobile-phone-amatuer-sex-pic.html mobile phone amatuer sex pic
amatuer porn star vsq http://amatuer.bluesauce.com/amatuer-porn-star.html amatuer porn star
amatuer sex art vsq http://amatuer.bluesauce.com/amatuer-sex-art.html amatuer sex art
Posted by english amatuer porn at 2006年10月03日 13:30
押し後残します
Posted by 人妻 at 2008年01月26日 17:33
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバック

初心者がアフィリエイトで稼ぐには?
Excerpt: 初心者がアフィリエイトで稼ぐことは難しいと思ってませんか? 現在、アフィリエイト人口は60万人とも言われています。 しかし、月5000円以上稼げている人はわずかに5%だけだそうです。 ..
Weblog: 初心者でも月5万稼ぐ!!ブログアフィリエイトノウハウ
Tracked: 2006-05-23 23:09

ホームページ製作・WEBデザイン・ロゴ作成・SEO対策・Flash製作
Excerpt: WEBショップの立ち上げ、サイト運営をお考えの方は是非ご相談ください。
Weblog: ホームページ製作・WEBデザイン・ロゴ作成・SEO対策・Flash製作
Tracked: 2006-07-09 15:28
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。