| HOME | MAIL | 本館:b-cures. | 別館:Template b |
 
★高収入が可能!WEBデザインのプロになってみない?!

HTMLタグサンプル

▼文字系

<br> 改行する
<br clear="all"> 画像の回り込みをさせない
<b>〜</b> 囲まれた文字を太文字にする
<i>〜</i> 囲まれた文字を斜体にする
<u>〜</u> 囲まれた文字に下線を引く
<s>〜</s> 囲まれた文字に取り消し線を引く
<font color="カラー番号">〜</font> 囲まれた文字色を指定する
<font size="数字">〜</font> 囲まれた文字のサイズを指定する
<small>〜</small> 囲まれた文字を小さくする
<big>〜</big> 囲まれた文字を大きくする
<strong>〜</strong> 囲まれた文字を強調する
<hr> ライン
<p>〜</p> 段落のまとまり。前後に1行分のスペースが空く
<div>〜</div> <p>といたって同じ機能。<p>は前後にスペースが空くのに対し<div>はスペースが空かない

<ul>
<li>〜</li>
</ul>

リストを作成します
  • 1番目
  • 2番目
  • 3番目

▼画像系

<img src="画像のファイル名"> 画像を貼るタグ
<img src="〜" border="数字"> 画像の枠の太さを指定。0は枠なし
<img src="〜" alt="画像の名前"> 画像が未表示の場合の代替文書

▼リンク系

<a href="他サイトのURL">〜</a> 囲んだ文章にリンクを貼る
<a href="〜" target="_blank">〜</a> リンクを次々に新しいページで開く
<a href="〜" target="_new">〜</a> リンクを1ページだけ新しく開く
<a href="〜" target="_self">〜</a> リンクを同一ページ内に開く
<a href="〜" target="_top">〜</a> 全フレームを解除。同一ページにページを開く
<a href="〜" target="_parent">〜</a> フレーム内のフレームのみを解除して同一ページにページを開く
<a name="名前を指定する">〜</a> 同一ページ内にある違う段落へリンクする場合、指定する段落の文章をこれで囲む
<a href="#指定した名前">〜</a> nameで指定したページ内の段落にリンクを貼る。nameで指定したファイルが別のHTMLファイルにある場合HTMLファイル名の前に#を入れる
<a href="index.html#指定した名前">〜</a>
<a href="mailto:〜">〜</a> メールアドレスのリンクを貼る

▼テーブル装飾系

<TABLE cellpadding="〜" cellspacing="〜"> 〜 </TABLE>

テーブル枠と枠内の文字や画像などの間隔テーブルの枠線自体の幅。0は隙間なし

▼フォーム装飾系

<input type="text" name="text1" size="20">

<input type="input">文章を1行分入力できる枠
name(FORM識別用の名前)size(FORMの幅)

<input type="password" name="pass" size="10">

<input type="password">文章を1行分入力できる枠。パスワード用
name→FORM識別用の名前size(FORMの幅を)

<input type="checkbox">
<input type="radio">
<input type="submit" value="送信">
<input type="reset" value="リセット">
<input type="button" value="ボタン">

checkbox radio submit
reset button
value→ボタンに載せる名前

▼その他装飾系

<img src="〜" width="〜" height="〜">
<table width="〜" height="〜">

width="数字"画像やテーブルなどの横幅
height="数字"画像やテーブルなどの縦幅

<img src="〜" align="〜">
<table align="〜">

align="位置を指定"表示位置を左右で指定。主にテーブルや画像に使用right/右寄り center/中央寄り left/左寄り

<img src="〜" valign="〜">
<table valign="〜">〜</table>

align="位置を指定"表示位置を上下で指定。主にテーブルや画像に使用 ( top/上段 center/中央 bottom/下段)

(C)2006 html sample. All Rights Reserved.