Lesson 9
Jan 20, 2016
Lesson 9
Try Coding!
<HTML><HEAD><TITLE>Nested Frames</TITLE></HEAD><FRAMESET ROWS="25%,50%,25%"><FRAME NAME="upper"> <FRAMESET COLS="50%,50%"> <FRAME NAME="left"> <FRAME NAME="right"> </FRAMESET><FRAME NAME="lower"></FRAMESET></HTML>
<Area> tag attributes
<Area shape=“circle” coords=“70,45,25” href=“a.htm” alt=“a.htm” target=“upper” nohref>
<Embed> tag attributes
• Autostart=“False” • Loop=“3” • Hidden=“True”
Example - Embedding<HTML>
<HEAD>
<TITLE>Example - Embedding</TITLE>
</HEAD>
<BODY>
Click the Play button for some nice music:<BR>
<EMBED SRC="Skylar.MP3">
</BODY>
</HTML>
BUY BUYBUY BUY BUY
<Marquee>tag attributes
• Align=“top” or “bottom”• Direction=“”left” or “right”• Behavior=“Scroll” or “Slide” or “Alternate”• Loop=“5”• Scrollamount=“4”• Width=“200” • Height=“100” • Bgcolor=“silver”
Example - Marquee
<HTML><HEAD><TITLE>Marquee</TITLE></HEAD><BODY>Discover this amazing compatibility between<MARQUEE ALIGN="BOTTOM" BGCOLOR="SILVER"
WIDTH="200" SCROLLAMOUNT="4">Islam and Modern Science </MARQUEE>!</BODY></HTML>
A simple example<HTML>
<TITLE>Style Sheets: After</TITLE>
<STYLE>
H1 {font-size: 34pt}
</STYLE>
<BODY>
<H1>Style Sheets: A Simple Example</H1>
</BODY>
</HTML>
Example<HTML><head><style><!--H1{font-size:72pt}--></style></head><body><h1>An Example of Embedded
Method</h1></body></html>
mystyles.css
h1{color:red}
p{font-size:34pt}
Example<HTML><head><LinK Rel="stylesheet" Type="text/css"
href="mystyles.css"></head><body><h1>This heading will appear red</h1><p> This line has a 34pt font</p></body></html>
<HTML>
<body>
<h1 style="font-size:40pt">This heading has font-size 40-point</h1>
</body>
</HTML>
Example<HTML>
<head>
<style>
h1 {font-size:24pt; Color:Blue}
</style>
</head>
<body>
<h1 style="font-size:40pt;Color:red">This heading has font-size 40-point</h1>
<h1>This heading has 24-point font-size</h1>
</body></html>