練習 ３
| 
|
| 図3-1 | 図3-2
|
<![CDATA[解答
3-2-1.
① Style="text-align: center; font-size: 1.2em; background-color: Aqua; margin-top: 1.5em"
② Style="font-size: 1em; border-left: solid 0.9em Orange; padding-left: 0.5em"
3-3-1.
① text-align: center;
② font-size: 1.2em;
③ background-color: Aqua;
④ margin-top: 1.5em;
⑤ font-size: 1em;
⑥ border-left: solid 0.9em Orange;
⑦ padding-left: 0.5em;
⑧ @import "03-01.css"; または @import url(03-01.css);
3-4-1.
① <LINK Rel="stylesheet" Href="03-01.css" Type="text/css">
3-6-1.
03-06.html
------------------------------------------
<HTML>
<HEAD>
<TITLE>HTML 4.01 WORKBOOK</TITLE>
</HEAD>
<BODY>
<HR Style="height: 10px; width: 90%; background-color: Gray; border-top: 6px double Blue; text-align: left">
<H1 Style="font-size: 1.2em; color: Green">掲示板</H1>
</BODY>
</HTML>
3-7-1.
03-05.css
----------------------------------
HR {
height: 10px;
width: 90%;
background-color: Gray;
border-top: 6px double Blue;
text-align: left;
}
H1 {
font-size: 1.2em;
color: Green;
}
03-07.html
---------------------------------
<HTML>
<HEAD>
<TITLE>HTML 4.01 WORKBOOK</TITLE>
<STYLE type="text/css">
@import "03-05.css";
</STYLE>
</HEAD>
<BODY>
<HR>
<H1>掲示板</H1>
</BODY>
</HTML>
3-8-1.
03-08.html
-------------------------------------
<HTML>
<HEAD>
<TITLE>HTML 4.01 WORKBOOK</TITLE>
<LINK Rel="stylesheet" Href="03-05.css" Type="text/css">
</HEAD>
<BODY>
<HR>
<H1>掲示板</H1>
</BODY>
</HTML>
]]>