9. 見出し

CHECK POINTS
<H1..6>	見出しと文字サイズとの関係	height	border-top	border-right	border-bottom	border-left
font-style	font-variant	font-weight	word-spacing	text-decoration	text-transform	-

■見出しの装飾

★ 実行例 [9-2]：「見出しの装飾、枠, カラーマーク等」





HTML 4.01 ワークブック
第１章
HTML 4.01 とは何か？





9-2.html


<HTML>
<HEAD>
<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.5em/1.8em 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}
 DIV  {width: 43em; text-align: center; border: 1px solid navy; margin: 1.2em; padding: 0.9em}　
</STYLE>
</HEAD>
<BODY>
<DIV>
<H1>HTML 4.01 ワークブック</H1>
<H2>第１章</H2>
<H3>HTML 4.01 とは何か？</H3>
</DIV>
</BODY>
</HTML>