すべての機能をご利用いただくためには、JavaScriptの設定を有効にしてください。
設定方法は、ヘルプをご覧ください。

人生ってなるようにしかならない

キッチンが二つほしい～♪

web

リスト
詳細

記事検索

全2ページ

[1] [2]

[ 次のページ ]

webﾍﾟｰｼﾞを作ってみましょう9 覚書＆練習用　娘ちゃんのおえかき"十四松とふぶちゃんとあろま先生"

ボーダーを2本にするってふと考えたら、

border-style:double;これで枠が2本になるって思い出しました

<html>

<head>

<title>masaminのページ</title>

body{

width:800px;

border-top-width:5px;

border-top-style:double;

border-top-color:green;

border-right-width:5px;

border-right-style:double;

border-right-color:green;

border-bottom-width5px;

border-bottom-style:double;

border-bottom-color:green;

border-left-width:5px;

border-left-style:double;

border-left-color:green;

}

</style>

</head>

<body>

</body></html>

こちらで確認出来ます。

次回はこちらの<body>～</body>に小部屋でも作ってみようかな～♪

おつかれさま～

十四松とＦＢとあろま

コメント（0）

トラックバック（0）

webﾍﾟｰｼﾞを作ってみましょう8 覚書＆練習用

今夜はページの枠となるボーダーラインの設定をしてみます。

<html>

<head>

<title>masaminのページ</title>

div{

width:700px;

border-top-width:10px;

border-top-style:solid;

border-top-color:green;

border-right-width:10px;

border-right-style:solid;

border-right-color:green;

border-bottom-width:10px;

border-bottom-style:solid;

border-bottom-color:green;

border-left-width:10px;

border-left-style:solid;

border-left-color:green;

}

address{

margin-bottom:10px;

font-style:normal;

text-align:center;

}

hr{

margin-left:15px;

margin-right:15px;

}

</style>

</head>

<body>

<div>

<address>masamin</address>

</div>

</body></html>

ブラウザでどう見えるのかは

こちらから確認できます。

<body><div>ここにテキストの入力をしてます</div></body>

そうして行を増やしていくと、緑の枠がどんどん大きくなります

次回はこの枠の中に枠を追加してみます。

うまく出来るのかしら？

昨日はめっちゃ寝落ちしてました。

ＵＰしないでマジ爆睡ｗｗｗ

コメント（0）

トラックバック（0）

webﾍﾟｰｼﾞを作ってみましょう7 覚書＆練習用

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

</head>

<!--

.oso {color:#ff0000;}

.kara {color:#0000cc;}

.choro {color:#00cc00;}

.iti {color:#990099;}

.tensi {color:#ffff00;}

.dry {color:#ff00cc;}

-->

</style>

<body>

</body>

</html>

昨日は文字に色を付けて

それぞれを段落にしました。

今日は何をするのか決めてませんが

何か表を作ってみましょう♪

まず

表は

table要素で

テーブルの開始<table>

テーブルの終わり</table>を記述します。

次は行の要素です。

<table>～</table>間で

開始<tr>終了</tr>を記述します。

そしてセル要素です。

<tr>～</tr>間で

開始<td>終了</td>を記述します。

「形にしよう」

ティム・ガンっぽく言うと

「形にしよう」

彼のスーツはいつも素敵。

あっタイも可愛い。

あっまた脱線しそうだった。

では基本を貼り付けて

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

</head>

<!--

-->

</style>

<body>

</body>

</html>

記述するのは、

<body>～</body>間です。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

</head>

<!--

-->

</style>

<body>

<table>

</table>

</body>

</html>

これをブラウザで表示出来るかどうか

そして次の記述でどう変化するか

ブラウザで確認する。

次は、<td>～</td>間に数字を入力します。

こちらは下の段に数字を入れてみます。

wordの入力をしてて、自動でセルの大きさを変えてくれるの

ありますよね。自動調整。

あれを思い出しました。

あの機能はすばらしい。

そして最後に、1～4まで入れて完成です。

↓こちら↓

ブラウザでの表示が確認出来ます。

今夜は湯豆腐でした。ゴチでした。

明日は今日説明していない枠線の太さについて頑張ります。

コメント（2）

トラックバック（0）

webﾍﾟｰｼﾞを作ってみましょう6 覚書＆練習用

スマップのニュースを見て衝撃を受けたファンの方

たくさんいらっしゃるんでしょうね。

企業もメンバー５人セットでＣＭの契約してるところは

５人だから付加価値があるんでしょうからね～。

ギャラ５人セットで確か１億円ですよ～。

私の知ってるところでは、

５人セットでキャラ契約してるところは

今一番の企業、ＵＳＪですよ。

これからのスマップ注目度も高いですね。

グッズの高騰は避けたいところですが

私も持ってるスマップ物では、古ーいan-anが唯一の宝物です。

どこにあるかしら？

これからの彼らの動向が

すっごい気になりますｗ

ひとまず株価に影響はなさそうだね？

はい本題に入ります。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

</head>

<!--

-->

</style>

<body>

<ol>

</ol>

</body>

</html>

昨日のリストに何か加えてみましょう。

何にしようかな？

リストの所を消して

色を付けてみました。

変更したところは色を変えてます。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

</head>

<!--

.oso {color:#ff0000;}

.kara {color:#0000cc;}

.choro {color:#00cc00;}

.iti {color:#990099;}

.tensi {color:#ffff00;}

.dry {color:#ff00cc;}

-->

</style>

<body>

</body>

</html>

ブラウザで色が反映しているか確認してみましょう。

それぞれに色が付いてますね。

明日は何しようかな～。

コメント（0）

トラックバック（0）

webﾍﾟｰｼﾞを作ってみましょう5 覚書＆練習用

こんばんは～

東京は初雪が降りましたね

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

</head>

<!--

-->

</style>

<body>

</body>

</html>

↑基本のHTMLを使って　

まずは、ページのタイトルが記述出来るようにしてみましょう。

それから、何かリストを作ってみましょう。

<title>この間にページタイトルを入力します。</title>

これを↓ここへ貼り付けます。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

<title>この間にページタイトルを入力します。</title>

</head>

<!--

-->

</style>

<body>

</body>

</html>

ブラウザでページタイトルが表示出来ましたね♪

次々～

では、リストですが、

おそ松さんの名前で作ってみますｗｗ

やはり

行頭番号でね

おそ松
カラ松
チョロ松
一松
十四松
トッティ

↑これでページを作ってみましょう

じゃタイトルはおそ松さんの名前かなｗｗｗ

基本のＨＴＭＬを用意。

貼り付けるのは～

<ol>

</ol>

↓ピンク色が貼り付けた部分。

<body>この間に貼り付けましょう</body>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

</head>

<!--

-->

</style>

<body>

<ol>

</ol>

</body>

</html>

ブラウザで六つ子の名前が表示出来たか確認しましょう。

では

コメント（0）

トラックバック（0）

全2ページ

[1] [2]

[ 次のページ ]

Yahoo!ブログからのお知らせ

日	月	火	水	木	金	土
					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

よしもとブログランキング

[PR]お得情報

ふるさと納税サイト『さとふる』
11／30まで５周年記念キャンペーン中！
Amazonギフト券1000円分当たる！

その他のキャンペーン

みんなの更新記事

前へ次へ

人生ってなるようにしかならない

webﾍﾟｰｼﾞを作ってみましょう9 覚書＆練習用　娘ちゃんのおえかき"十四松とふぶちゃんとあろま先生"

コメント（0）

トラックバック（0）

webﾍﾟｰｼﾞを作ってみましょう8 覚書＆練習用

コメント（0）

トラックバック（0）

webﾍﾟｰｼﾞを作ってみましょう7 覚書＆練習用

コメント（2）

トラックバック（0）

webﾍﾟｰｼﾞを作ってみましょう6 覚書＆練習用

コメント（0）

トラックバック（0）

webﾍﾟｰｼﾞを作ってみましょう5 覚書＆練習用

コメント（0）

トラックバック（0）

Yahoo!ブログからのお知らせ

最新の記事一覧

最新のコメント

最新のトラックバック

よしもとブログランキング