000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Aug 27, 2004

タグを覚えよう【第２１回目】　-　プロのようなページ作成テクニック（其の三）

(6)

テーマ：タグに挑戦！(102)

カテゴリ：タグ教室

ＨＴＭＬの記述の基本を学ぼうってことで始めた連載の３回目。
１回目、２回目とつまらない内容で・・・
そろそろここに来るのも嫌になってきた頃でしょうか(´･ω･`)

でも今日、明日は基本を踏まえた上で
見た目を整えるって話になっています。
昨日までの内容を理解した上で読み進めていってくださいね(〃⌒▽⌒)

では、早速昨日までの復習を。

例）
<h1>◆　B　</h1>

<p>
[IE4][IE5][IE6][NN4][NN6][OP7]
</p>
<h2>◇解説</h2>
<p>
Bタグで囲んだ文字を太字にする
スタイルシートでの記述を推奨
強調文字はStrongタグを使用する
</p>
<h2>例</h2>
<h3>◇ソース</h3>

今日は<B>木曜日</B>です
</p>
<h3>◇表示</h3>
<p>
今日は木曜日です

表示結果）

◆　B　

◇表示可能ブラウザ

[IE4][IE5][IE6][NN4][NN6][OP7]

◇解説

Bタグで囲んだ文字を太字にする
スタイルシートでの記述を推奨
強調文字はStrongタグを使用する

例

◇ソース

今日は<B>木曜日</B>です

◇表示

今日は 木曜日 です

例の味気の無い記述方法です（笑
今日はこの例の内容で少しデザインを変えてみます。
記述の方法はこれまでの復習ばかりです。
しっかり思い出してくださいね(〃⌒▽⌒)

例）
<h1 style="border-bottom:solid 1px #0000ff;border-top:solid 1px #0000ff;width:500px;background-color:#cccccc;color:#009900;">◆　B　</h1>
<h2 style="border-bottom:double 3px #ff00ff;border-top:double 3px #ff00ff;width:500px;color:#0000cc;">◇表示可能ブラウザ</h2>
<p>
[IE4][IE5][IE6][NN4][NN6][OP7]
</p>
<h2 style="border-bottom:double 3px #ff00ff;border-top:double 3px #ff00ff;width:500px;color:#0000cc;">◇解説</h2>
</p>
Bタグで囲んだ文字を太字にする
スタイルシートでの記述を推奨
強調文字はStrongタグを使用する
</p>
<h2 style="border-bottom:double 3px #ff00ff;border-top:double 3px #ff00ff;width:500px;color:#0000cc;">例</h2>
<h3 style="border:dotted 5px #ffcccc;width:500px;">◇ソース</h3>
<p>
今日は<B>木曜日</B>です
</p>
<h3 style="border:dotted 5px #ffcccc;width:500px;">◇表示</h3>
<p>
今日は<b>木曜日</b>です
</p>

表示結果）

◆　B　

◇表示可能ブラウザ

[IE4][IE5][IE6][NN4][NN6][OP7]

◇解説

Bタグで囲んだ文字を太字にする
スタイルシートでの記述を推奨
強調文字はStrongタグを使用する

例

◇ソース

今日は<B>木曜日</B>です

◇表示

今日は 木曜日 です

どうですか？
少し見やすくなりましたよね(￣▽￣人)
もちろん、文字色、背景色、線の種類などなど・・・
自由に変えることができます(〃⌒▽⌒)

ここで大事なのは、全てのページのデザインを統一する、ってことです。
「楽天」でページを作ると、ある程度デザインは統一されますよね。
ただ、フリーページを作る際など、ばらばらで気まぐれなページ構成にされていないですか？
ばらばらなページ構成がだめだと言ってしまいますと言いすぎになってしまいますが
サイト全体に統一感を持たせると
見てくれている訪問者の方は安心感と好感を持たれるようです。

今回紹介した内容を使って
ページ全体の構成とデザインに統一感を持たせてみてはいかがでしょうか？
サイト全体の印象もがらっと変わると思いますよ(〃⌒▽⌒)

明日は更にこの例を見やすくして、連載の最終回とします。
いえ、一日一タグの最終回ではないですよ？（笑
このつまらない連載の最終回です。
もう一日だけおつきあいくださいm（_ _）m

ではまた明日ー(ﾟ▽^*)ﾉ⌒☆

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Aug 27, 2004 12:50:29 AM
コメント(6) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

Re:タグを覚えよう【第２１回目】　-　プロのようなページ作成テクニック（其の三）(08/27)

ちあにゃんさん

きちんと読んでない。

連載第1回から読んでみよう～っと。

でもね、気付きましたよ！！

myHP完成への道はタグではないってこと。

七鍵さんみたいなセンスをくれ～！！

タグを一生懸命覚えてもセンスがないとどうやって
使っていいのか分からないよぉぉ(*ノ-;*)

(Aug 27, 2004 10:21:21 AM)

返事を書く

こんばんは～

ゆりん☆ さん

や、ややこしい･････^_^;ｱｰ
これは、コピーしてカスタムしないと
とても覚え切れません。
最近、1つ覚えると1つ忘れます！
私の頭って、容量が決まってるみたいですよ。 (Aug 27, 2004 08:43:01 PM)

返事を書く

Re:タグを覚えよう【第２１回目】　-　プロのようなページ作成テクニック（其の三）(08/27)

れおなるど21 さん

こんばんは～♪
いつもお世話になっています。

ただ、使うのは「その時」なので
宿題が溜まってきた感じでもあります。。。

でも、その時、その都度読ませていただきますね。

(Aug 27, 2004 11:51:45 PM)

返事を書く

Re[1]:タグを覚えよう【第２１回目】　-　プロのようなページ作成テクニック（其の三）(08/27)

＃七鍵さん

ちあにゃんさん

いらっしゃいませー(〃⌒▽⌒)

私はセンスは微塵もないですよ？（笑
少しずつ自分が気に入ったＨＰを見つけては・・・
そのＨＰのセンスをまねしているだけです(´･ω･`)

今ではＨＰもあふれるほどたくさんあるんで
センスを勉強するお手本だらけですよね(￣▽￣人)
ちあにゃんさんも気にいるデザインあったらまねしてみてはいかがでしょう？
そのままコピペしたら・・・きっと怒られますんで・・・
少しだけちあにゃんさんのオリジナリティを加えてね(〃⌒▽⌒)

そのオリジナリティを加えるために・・・
このサイトを頼ってきてくださいな(￣▽￣人)

(Aug 28, 2004 12:41:35 AM)

返事を書く

Re:こんばんは～(08/27)

＃七鍵さん

ゆりん☆さん

いらっしゃいませー(〃⌒▽⌒)

やっぱり「人間の脳の容量は無限」・・・
なんて言ってる学者はうそつきですよねー
私の脳みそも、もう既に許容量超えてます（笑

毎日、
書き込みエラーです。
脳に空き容量がありません。
ファイルなどを整理した上でもう一度チャレンジして下さい
ってエラーが出ています(´･ω･`)
まだ若いのになー(´･ω･`)

(Aug 28, 2004 12:48:04 AM)

返事を書く

Re[1]:タグを覚えよう【第２１回目】　-　プロのようなページ作成テクニック（其の三）(08/27)

＃七鍵さん

れおなるど21さん

いらっしゃいませー(〃⌒▽⌒)

無理に覚える必要ないですよ（笑
宿題なんて思っちゃったら嫌になるでしょ？
おっしゃられるように、使うときに思い出してきてください(￣▽￣人)
使いたいものが無かったら遠慮なく質問ください。
皆様方の質問が、明日の一日一タグになりますので（笑

(Aug 28, 2004 12:51:18 AM)

返事を書く