トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
HTMLタグの紹介
htmlタグとはホームページを作っている文字を表します。ホームページを作るときにはかかせないもので、ホームページはこのタグの集まりによってできています。タグは「 < 」 「 > 」←このようなカッコで囲まれており、このカッコの中に間に下のような字を入れることによって効果が反映されます。
全体 <body>
タイトル <title>
改行 <br>
段落 <p>
横罫線 <hr>
センター <center>
範囲 (部分) <span>
範囲 (1行) <div>
見出し <h数>
リンクする <a href=" ">
画像表示 <img src=" ">
メール <a href=" ">
コメント <!--  -->
字を太字 <b>
字をイタリック <i>
字を等幅 <tt>
字に下線 <u>
字に取消し線 <s>
字を上付き <sup>
字を下付き <sub>
字を強調 <strong>
字を大きく <big>
字を小さく <small>
字の大きさ <font size=" ">
字の色 <font color=" ">
字の種類 <font face=" ">
表 <table><tr><td>
表背景に画像 <table>
マークリスト <ul><li>
数字リスト <ol><li>
説明リスト <dl><dt>
1行フォーム <input type=" ">
パスワード <input type=" ">
送信、リセット <input>
テキストエリア <textarea>
ラジオボタン <input type=" ">
チェックボタン <input type=" ">
メニュー <select>
リストボックス <select>

テキストエリア <textarea>

字が多くなっても下にスライドできる
タグ <textarea rows="縦" cols="横">ここに文字</textarea>
見本
見本
解説 白い部分(テキストエリア)に文字を書くことができます。 更新履歴などによく使われます。長い文章を書くと、右のスライドバーで下にずらして見ることが可能です。
rows="縦" cols="横" の「縦」と「横」に数字を入れて長さを指定します。 rows="縦"はプラス1増やすごとに1段増えます。cols="横"はプラス1増やすごとに半角1文字分伸びていきます。

スタイルシートを使って、色や字の大きさ変える
タグ <textarea rows="縦" cols="横" style="font-size:13px;background-color:ffeeee;color:880000;">ここに文字</textarea>
見本
解説 スタイルシートはhtmlタグとは書き方が全然違います。
style="font-size:19px;background-color:ffeeee;color:880000;"
◆ font-size:13px; が、文字の大きさの指定です。
◆ background-color:ffeeee; が、背景の色の指定です。
◆ color:880000; が、文字の色の指定です。
スタイルシートは大体のhtmlタグに使用できるので便利です。
タグ <textarea rows="縦" cols="横" style="border-style:solid;border-width:4;border-color:ffaaaa;">ここに文字</textarea>
見本
解説 枠線の種類、色、太さなどを変更しました。
style="border-style:solid;border-width:4;border-color:ffaaaa;"
◆ border-style:solid; が、枠線の種類の指定です。
 ・ none = 線なし
 ・ solid = 1本線
 ・ double = 2本線
 ・ dashed = 点線
 ・ dotted = 点々
 ・ groove = 立体線
 ・ ridge = 立体線
 ・ inset = 立体線
 ・ outset = 立体線
◆ border-width:4; が、枠線の太さの指定です。
◆ border-color:ffaaaa; が、枠線の色の指定です。

▲目次へ

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋