タグ(tag)手打ちの勧め
タグ(tag)手打ちの勧め
.
文字の色、大きさ...
文字の表示
	<span>文字の表示</span>

色を変える
	<span style="color:red;">文字の表示</span>

文字の大きさを変える
	<span style="font-size:8pt;">文字の表示</span>
	<span style="font-size:12pt;">文字の表示</span>
	<span style="font-size:20pt;">文字の表示</span>



斜め文字
	<span style="font-style:italic;">文字の表示</span>

太字
	<span style="font-weight:bold;">文字の表示</span>

アンダーライン
	<span style="text-decoration:underline;">文字の表示</span>

オーバーライン
	<span style="text-decoration:overline;">文字の表示</span>
	
文字の修飾
<span style="color:green;font-size:12pt;font-style:italic;">
	斜め文字<br>
	サイズ普通<br>
	緑の文字に
</span>



<span style="color:green;font-size:12pt;
font-style:italic;font-weight:bold;">
	太字<br>
	斜め文字<br>
	サイズ普通<br>
	緑の文字に<br>
</span>



<span style="text-align:left;color:green;font-size:12pt;
font-style:italic;font-weight:bold;text-decoration:underline;">
	アンダーライン<br>
	太字<br>
	斜め文字<br>
	サイズ普通<br>
	緑の文字に<br>
</span>



リンク文字の下線を消すには text-decoration:none;
			
文字の位置
<div style="text-align:left;">
左に寄ったかな 寄ってれば成功
</div> <div style="text-align:center;">
真中に寄ったかな 寄ってれば成功
</div> <div style="text-align:right;">
右に寄ったかな 寄ってれば成功
</div>
【スタート】-> 【プログラム】にある メモ帳

或いは
【スタート】->【ファイル名を指定して実行】-> notepad

マックの場合テキストエディット等

<div style="text-align:left;">
左に寄ったかな<br>
寄ってれば成功
</div>
<br>
<div style="text-align:center;">
真中に寄ったかな<br>
寄ってれば成功
</div>
<br>
<div style="text-align:right;">
右に寄ったかな<br>
寄ってれば成功
</div>
				
←左記のソ−スです
windows
下記を[Ctrl]+[A]で全選択して、コピー
mac
下記を +[A]で全選択して、コピー





メモ帳【編集】⇒【貼り付け】

【ファイル】⇒【名前を付けて保存】
テキストエディト【編集】⇒ 【ペースト】

【ファイル】⇒ 【別名で保存】
好きな場所に保存 こではデスクトップ

ファイルの種類
すべてのファイル (*.*)

ファイル名
何でもいいが拡張子は .html
ここでは sample.html

保存した sample.html を
ブラウザ(IE等)で開いて
左記の様になれば成功

文字の位置を変更するにはブロック要素 <div> を使う

インライン要素の範囲(背景が緑の部分)文字の部分だけ

<span>タグ
<span style="background:lightgreen;">
文字
</span>


ブロック要素の範囲(背景が緑の部分) ⇒ 一行以上ライン全体
<div>タグ <div style="background:lightgreen;">
文字
文字
.
.
</div>
文字の背景
インライン要素の範囲文字の部分だけ

<span>タグ
<span style="background:lightgreen;">
文字
</span>


<span style="color:green;font-size:12pt;font-style:italic;
font-weight:bold;text-decoration:underline;background:lightgreen;"> 文字の背景色ライトグリーン<br> アンダーライン<br> 太字<br> 斜め文字<br> サイズ普通<br> 緑の文字で<br> </span>
ブロック要素の範囲 ⇒ 一行以上ライン全体
<div>タグ <div style="background:lightgreen;">
文字
文字
.
.
</div> <div style="color:green;font-size:12pt;font-style:italic;
font-weight:bold;text-decoration:underline;background:lightgreen;">
文字の背景色ライトグリーン<br> アンダーライン<br> 太字<br> 斜め文字<br> サイズ普通<br> 緑の文字で<br>
</div>