Html

いろいろ楽しみました

動け動けもっと動け

そこで止まってね

行ったり来たり

右に行っちゃうぞ

赤色の文字が左に動く

赤の背景色の中で文字が動きます

フランスの伝統工芸カルトナージュを
アニー先生に習いました。
触ると絵が変わるリンク 軽井沢
軽井沢

文字の表示の仕方

1、段落になった文章の作成
文章を1つの段落(Paragraph)としてまとめるには
<P>というタグを使う。

2、文章の改行
文章を改行するためには<br>というタグを使う

3、文章の「右寄せ」「中央揃え」

1つの段落を全体に右寄せしたい時は<p>タグに
「align」という属性名をつけ属性値は右寄せの場合「right」をつける

4、見出し文字の入力

見出しを作りたい時は<h1>(数字の部分は6までつけられる)
というタグを使う。

5、文字を太文字・斜体に下線を入れる
文字を太文字にしたいときにはしたい文字を<b></b>のタグで囲む。
斜めにするときは<i></i>のタグで囲む。

6、文字の色・大きさを変える
文字を例えばピンクにしたい時はしたい文字を <font color="#ff66cc"></font>のタグで囲む。
文字の大きさを変えたいときは変えたい文字を
<font size="3">と</font>のタグで囲む。

7、文章全体の文字の色・背景色の変更
ページ全体の文字の色を例えば白色にしたい時は<body>タグに「text」という
属性名をつけ属性値で色を指定する。
<body text="white">
ページの背景色の色を例えば緑色にしたい時は<body>タグに「bgcolor」という
属性名をつけ属性値で色を指定する。
<body bgcolor="green">

画像の表示の仕方

例 1 画像の貼り付け

矢田寺
紫陽花寺で有名な矢田寺へ
行ってきました。・・・・・2004,6,9
紫陽花越しの本堂です。


例 2 画像を画面の中央に表示する

紅額紫陽花

例 3 画像と文章の高さを揃える

紫陽花弁当
矢田寺大門坊の紫陽花弁当です。
ゴマ豆腐がおいしかったわ。
2時間も座り込んでおしゃべりしました。


例 4 画像の大きさの指定

紫陽花
この大きさの指定を入れておいたら
画像がスムースに開く


例 5 枠線をつける

石段は200段
ここの石段は200段有りました。


例 6 音楽を挿入

例 7 小窓リンク

ピンクのキセランセマプ・ニゲラ(黒種草)・スカピオサのドライフラワーです。
クリックして見て下さい!

ポップアップ

▲トップに戻る

inserted by FC2 system