●文章の横幅を指定

---------------------------------
<html>
<head>
<title>ホームページのタイトル</title>
<style type="text/css"><!--

body{
color:#666666;
}
h1{
font-size:40px;
font-family:"MS Pゴシック", Osaka;
color:#336633;
}
span.green{
color:#339900;
}
span.name{
color:#339900;
font-weight:bold;
}
p{
width:360px;

}

--></style>
</head>
<body>
<div align="center">
<h1>ホームページの見出し</h1>
<p><span class="name">見出し</span>のときと同じように、今度は、<span class="green">文章</span>を書く場所を用意します。</p>
<p><span class="green">文章</span>は、<p>~</p>の中に書くことになっています。</p>
<div>Copyright(c) HTML Master</div>
</div>
</body>
</html>
---------------------------------


Creative Suite 4 日本語版 Web Standard アップグレード版B(FROM STUDIO) キャンペーン版 Windows版

¥44,160
Amazon.co.jp

@rt web for IBM ホームページ・ビルダー [趣味・活動編]

¥5,856
Amazon.co.jp

●一部分の文字を太くする


---------------------------------
<html>
<head>
<title>ホームページのタイトル</title>
<style type="text/css"><!--

body{
color:#666666;
}
h1{
font-size:40px;
font-family:"MS Pゴシック", Osaka;
color:#336633;
}
span.green{
color:#339900;
}
span.name{
color:#339900;
font-weight:bold;
}


--></style>
</head>
<body>
<h1>ホームページの見出し</h1>
<p><div class="name">見出し</div>のときと同じように、今度は、<span class="green">文章</span>を書く場所を用意します。</p>
<p><span class="green">文章</span>は、<p>~</p>の中に書くことになっています。</p>
<div>Copyright(c) HTML Master</div>
</body>
</html>
---------------------------------


HTML&スタイルシートレイアウトブック 改訂版/外間 かおり

¥2,415
Amazon.co.jp

HTML & XHTML 第5版/Chuck Musciano

¥6,090
Amazon.co.jp

●一部分の文字の色を変える②

文章中の文字の色を一部変える
---------------------------------
<html>
<head>
<title>ホームページのタイトル</title>
<style type="text/css"><!--

body{
color:#666666;
}
h1{
font-size:40px;
font-family:"MS Pゴシック", Osaka;
color:#336633;
}
span{
color:#339900;
}

--></style>
</head>
<body>
<h1>ホームページの見出し</h1>
<p>見出しのときと同じように、今度は、<span>文章</span>を書く場所を用意します。</p>
<p><span>文章</span>は、<p>~</p>の中に書くことになっています。</p>
<div>Copyright(c) HTML Master</div>
</body>
</html>
---------------------------------


セマンティック HTML/XHTML/神崎 正英

¥2,940
Amazon.co.jp

HTML&スタイルシートレッスンブック/エビスコム

¥2,415
Amazon.co.jp