タグ(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>
文字の修飾はこちらを参照