文字(1) |
文字サイズを指定 |
<font
size="*">…</font> |
文字の色を指定 |
<font
color="###">…</font> |
太字 |
<b>…</b> |
斜体 |
<i>…</i> |
取り消し線 |
<s>…</s> |
下線 |
<u>…</u> |
文字(2)(スタイルシート)スタイルシートの使い方 |
文字サイズを指定 |
font-size:*; |
文字の色を指定 |
color:###; |
太字 |
font-weight:bold; |
文字の太さを指定 |
font-weight:*; |
斜体 |
font-style:italic; |
取り消し線 |
text-decoration:line-through; |
下線 |
text-decoration:underline; |
上線 |
text-decoration:over-line; |
装飾無し |
text-decoration:none; |
背景色を指定 |
background-color:###; |
グロー |
filter:Glow(color=###,strength=*);width:100%; |
ドロップシャドウ |
filter:DropShadow(color=###);width:100%; |
シャドウ |
filter:Shadow(color=###,direction=*,strength=*);width:100%; |
ウェーブ |
filter:Wave(add=0,freq=*,strength=*);width:100%; |
ブラー |
filter:Blur(direction=*strength=*);width:100%; |
ページ設定 |
背景色を指定 |
<body bgcolor="###"> |
背景に画像を指定 |
<body background="abc.jpg"> |
文字の色を指定 |
<body text="###"> |
画像 |
画像を表示 |
<img src="abc.jpg"> |
サイズを設定 |
<img src="???"
width="*" height="*"> |
枠線を設定 |
<img src="???"
border="*"> |
画像の周りに余白を指定 |
<img src="abc.jpg"
vspace="*" hspace="*"> |
リンク |
リンクを作成 |
<a href="???">…</a> |
リンク先を新しいウィンドウに表示 |
<a href="???" taget="_blank">…</a> |
リンクでメールアドレスを指定 |
<a href="mailto:???">…</a> |
テーブル(表) |
テーブルのサイズを設定 |
<table width="*"
height="*"> |
テーブルの背景色を指定 |
<table bgcolor="###"> |
テーブルの背景に画像を指定 |
<table background="abc.jpg"> |
枠線の色を指定 |
<table bordercolor="###"> |
枠線の幅を設定 |
<table border="*"> |
セルのサイズを設定 |
<td width="*"
height="*"> |
セルの間隔を設定 |
<table cellspacing="*"> |
セルの余白を設定 |
<table cellpadding="*"> |
セルの背景色を指定 |
<td bgcolor="###"> |
セルの背景色を指定(横一行) |
<tr bgcoloe="###"> |
セルの背景に画像を指定 |
<td background="abc.jpg"> |
セルの背景に画像を指定(横)一行 |
<tr background="abc.jpg"> |
縦方向にセルを連結 |
<td rowspan="*"> |
横方向にセルを連結 |
<td colspan="*"> |
レイアウト |
改行 |
<br> |
段落 |
<p>……….</p> |
センタリング(中央寄せ) |
<center>…</center> |
罫線 |
<hr> |
フレーム |
横に分割 |
<frameset
cols="*%,*%"> |
縦に分割 |
<frameset
rows="*%,*%"> |
ページの左右の余白指定 |
<frame src="???"
marginwidth="*" > |
ページの上下の余白指定 |
<frame src="???"
marginheight="*"> |
境界線を非表示にする |
<frame src="???"
frameborder="no":> |
境界線を固定する |
<frame src="???"
noresize> |
境界線の色を指定する |
<frame src="???"
bordercolor="###"> |