10. 罫線 / 文章表示

CHECK POINTS
<HR><ADDRESS> 
■罫線



　height: 2px


　height: 2px; color: blue


　height: 8px; width: 90%


　height: 8px; width: 90%; background-color: Aqua


　height: 8px; width: 90%; color: Aqua


　height: 10px; width: 90%; background-color: Gray; border-top: 6px double Blue; text-align: left


　height: 8px; width: 720px; color: Green; border-left: 240px solid Red; border-right: 240px solid Blue


　height: 8px; width: 40%; color: LightGreen; border: 2px solid OrangeRed; text-align: left; margin-left: 24px





■文章表示



10-1.html




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<HTML Lang="ja">
<HEAD>
<META Http-Equiv="Content-Type" Content="text/html; charset=Shift_JIS">
<META Http-Equiv="Content-Style-Type" Content="text/css">
<TITLE>HTML 4.01 WORKBOOK</TITLE>
<STYLE type="text/css">
 BODY {text-align: center}
 H1   {border: 0.3em double CornflowerBlue; width: 15em; text-align: center;
       font: 900 1.4em/1.7em Century, serif; letter-spacing: 0.1em; 
       color: Navy; background-color: Aqua}
 H2   {text-align: center; font-size: 1.2em; background-color: Aqua; margin-top: 1.5em}
 H3   {text-align: left; font-size: 1em; border-left: solid 0.9em Orange;
       padding-left: 0.5em; margin-bottom: 0.2em}
 DIV  {width: 43em; border: 1px solid navy; margin: 1.2em; padding: 0.9em}　
 P    {font: 0.9em 'ＭＳ ゴシック', monospace; text-align: left; margin: 0em 1em 0em 1em;
       text-indent: 1.1em; letter-spacing: 0.15em; line-height: 1.3em}
 HR   {height: 1px; color: navy; margin-top: 1em}
 ADDRESS {font-size: 0.8em}
</STYLE>
</HEAD>
<BODY>
<DIV>
<H1>HTML 4.01 ワークブック</H1>
<H2>第１章</H2>
<H3>HTML 4.01 とは何か？</H3>
<P>いろはにほへとちりぬるを、わかよたれそつねならむ、
うゐのおくやまけふこえて、あさきゆめみし、ゑひもせすん。
色は匂へど散りぬるを、わが世誰ぞ常ならむ、有為の奥山
今日越えて、浅き夢見じ酔ひもせず。
<P>とりなくこゑす、ゆめさませ、みよあけわたるひんかしを、
そらいろはえておきつへに、ほふねむれゐぬ、もやのうち。
鳥啼く声す夢覚ませ、見よ明けわたる東を、空色映えて
沖つ辺に帆船群れゐぬ、靄の中。

<H3>Style Sheets 2.1 の利便性</H3>
<P>いろはにほへとちりぬるを、わかよたれそつねならむ、
うゐのおくやまけふこえて、あさきゆめみし、ゑひもせすん。
色は匂へど散りぬるを、わが世誰ぞ常ならむ、有為の奥山
今日越えて、浅き夢見じ酔ひもせず。
<P>とりなくこゑす、ゆめさませ、みよあけわたるひんかしを、
そらいろはえておきつへに、ほふねむれゐぬ、もやのうち。
鳥啼く声す夢覚ませ、見よ明けわたる東を、空色映えて
沖つ辺に帆船群れゐぬ、靄の中。
<HR>
<ADDRESS>
Copyright (C) 2004 HTML 4.01 Japan Corporation. All Rights Reserved.
</ADDRESS>
</DIV>
</BODY>
</HTML>