Top
ご訪問ありがとうございマス!!
ブログちょこちょこ再開予定です。
みなさま、またよろしくお願いします☆

↑デザイン・アート部門
最高記録10位です☆
++最新の記事++
9/14【映画を観る】
NANA
9/14【雑記】
脳みそゲーム
9/13【愛犬と暮らす】
こんなに大きく
9/12【あなたとわたし】
ハッピーサマーウェディング♪
7/9【オンナの愉しみ】
エスニックブーム
7/2【あなたとわたし】
もめごと
6/21【あなたとわたし】
やきもち
6/20【映画を観る】
交渉人 真下正義
6/7【オンナの愉しみ】
10年ぶり
6/5【あなたとわたし】
すきなひと
6/4【あなたとわたし】
ふわふわ
6/1 【デザインとアート】 +others+
かたちあるもの
S M T W T F S
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
Category
【あなたとわたし】
恋愛のコト、友達のコト。

【本を読む】
オススメ度と感想。

【音を楽しむ】
お気に入りのオンガク。

【映画を観る】
観るものは偏りがち。

【ブログ試行錯誤】
初心者なりの
スキンいぢり挑戦談。

【愛犬と暮らす】
わんこの話題。

【デザインとアート】
インテリアとか、
雑貨とか、好きな物。

【オンナの愉しみ】
美容、食べ物とか
ファッションのこととか。

【日々想うこと】
心の整理と日記

【雑記】
どうでもいいこと。
Comment
最新のコメント
cheap cheap
by FywAjata at 00:56
Greetings, ..
by Investblogger at 17:28
Ladies and G..
by Investblogger at 14:14
hypnotherapy..
by elizabeth at 06:22
[url=http://..
by orielmilm at 03:58
penis enlarg..
by hypnothera at 02:51
Recently fr..
by arabic fre at 01:02
[url=http://..
by orielmilm at 22:38
hypnotherapy..
by hypnothera at 14:31
Most downlo..
by boost free at 13:00
人気ジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
Trackback
最新のトラックバック
watch Enemy ..
from movies review
Manchurian C..
from historical rev..
divx Hostage..
from uk film reviews
online Kanga..
from reviews of cur..
download thi..
from movie trailer ..
download a M..
from Download New M..
Mousehunt ip..
from review movies ..
Mousehunt ip..
from review movies ..
Birds, The v..
from movie trailers
download new..
from movies reviews..
Link
【動作確認】
Internet Explorer6.0/Netscape7.1
Opera7.53/Firefox 1.0
IE以外ご利用の方で
文字が見にくい方は
表示→文字のサイズなどで
変更してご覧下さい。
お手数をおかけします。
【トラックバックをする際のお願い】
アフィリエイト目的だと判断した
トラバは削除させて頂いております。
トラックバックは大歓迎ですが、
記事の中で紹介・もしくは
コメントがない場合も内容を確かめた上で
削除する場合があります。ご了承下さい。
皆さんネットマナーを守って
楽しくインターネットをしましょうよ(懇願)
++ タグって何? ++
スキン編集の基礎知識シリーズ第2弾。
今回は、そもそもホームページってどういう構造なのか、とゆーお話。

ブログに直接は関係ないですが、
知っておくと、すんなり入れると思います。



++続き++


1)HTML文書の構造

通常、ホームページの基本はこんな構造をしています。

<html>
<head>
<title>++徒然日記++</title>
</head>

<body>
本文を入力
</body>
</html>

<html>で始まり、</html>で終わる文書をHTML文書と呼び、
拡張子は.htmになります。
*追記:正確には、DOCTYPE宣言が最初の1行にくるべきらしいです。
HTMLの定義です。こんな文書ですよーっていう定義なのですが、
ブログでは関係ない上にかなり専門的な内容です。
asamiにはまだ理解できないです。*


<head>~</head>の部分をヘッダーと呼びます。
ここにはホームページのタイトルや、前回そもそもスキン編集って?!
説明したスタイルシートなど、本文に表示はされないけれども重要な、
そのホームページの情報を書き込むことになります。
*追記:文字のエンコード(シフトJISなど)や、
ロボット検索でのキーワードも指定することができます。*


<title>~</title>の部分にはホームページのタイトルを入力します。
これは、ブラウザのタイトルバー、お気に入りに登録したときに表示されます。

<body>~</body>は、本文です。
HTMLタグやスタイルシート、asamiは使えないですがJava Scriptなどを
駆使して、素敵なサイト構成にしてください。

・・・以上を書き込んだら、HTML文書として(拡張子.htmで)保存し、
サーバーにアップロードしましょう。
それだけで、自分のホームページとして閲覧できるようになります。

2)タグの基本ルール

◆入れ子と継承
<b>たとえば、太字で<font color="red">この部分を赤く</font>表示する</b>

タグは、入れ子にすることができます。
ただし、内側に入れたタグは、内側で終了しなければいけません。
<b><font></b></font>→×

さらに、上の例の場合、太字表示の<b></b>の属性は、
<font></font>タグ内で継承されます。

たとえば、太字でこの部分を赤く表示するとき

◆単独タグ

ほとんどのタグが、<font>~</font>のように、
開始タグと終了タグで構成されていますが、
改行の<br />のように、単独で使うタグもあります。

◆属性の指定

たとえば、文字を赤くしたい場合。
<font color="red">文字</font>
のように、属性を指定します。
<タグ名 (スペース) 属性の名前=値>
と、いうようになります。スタイルシートとは記述の仕方や
属性名なども多少変わるので注意してください。

字体を指定するときなどに、半角英数字以外の入力をするとき
(日本語、記号など)は、クオーテーション ” ” で囲みます。
<font family="MSゴシック">文字</font>

例)文字の色を赤く、字体をMS明朝、大きさを5(1~7まで指定可能)に指定する場合。

<font color=red family="MS明朝" size="5">こうなります。</font>

こうなります。

◆使用する文字

タグは、必ず半角英数字で入力します。
本文(開始タグと終了タグの間など)は全角文字の使用が出来ますが、
絶対に半角カナは使用しないようにしましょう。
文字化けの原因になります。

あと、asamiはこの辺詳しくないのですが、XHTMLでは大文字と小文字を区別します。
このEXCITEブログでもそうみたいです。
なぜか編集画面を開くと、大文字で記載されていて
asamiには妙に違和感ですが。どっちにしろ、統一しましょう。

asamiはほとんど小文字に書き直してしまったので、
解説も小文字でやります。適宜変更して応用してくださいね。

・・・今回は以上です。
このようなことをいちいち指定しないで済むので、
スタイルシートは覚えると便利です。
次回は、ブログで頻繁に利用する<table>タグについて。
[PR]
by trickycat | 2004-10-20 14:43 | ブログ試行錯誤 ▲page top▲