22
Lesson 9

Lesson 9. Try Coding! Nested Frames tag attributes

Embed Size (px)

Citation preview

Page 1: Lesson 9. Try Coding! Nested Frames tag attributes

Lesson 9

Page 2: Lesson 9. Try Coding! Nested Frames tag attributes

Try Coding!

Page 3: Lesson 9. Try Coding! Nested Frames tag attributes

<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>

Page 4: Lesson 9. Try Coding! Nested Frames tag attributes

<Area> tag attributes

<Area shape=“circle” coords=“70,45,25” href=“a.htm” alt=“a.htm” target=“upper” nohref>

Page 5: Lesson 9. Try Coding! Nested Frames tag attributes
Page 6: Lesson 9. Try Coding! Nested Frames tag attributes

<Embed> tag attributes

• Autostart=“False” • Loop=“3” • Hidden=“True”

Page 7: Lesson 9. Try Coding! Nested Frames tag attributes

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>

Page 8: Lesson 9. Try Coding! Nested Frames tag attributes
Page 9: Lesson 9. Try Coding! Nested Frames tag attributes

BUY BUYBUY BUY BUY

Page 10: Lesson 9. Try Coding! Nested Frames tag attributes

<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”

Page 11: Lesson 9. Try Coding! Nested Frames tag attributes

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>

Page 12: Lesson 9. Try Coding! Nested Frames tag attributes
Page 13: Lesson 9. Try Coding! Nested Frames tag attributes

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>

Page 14: Lesson 9. Try Coding! Nested Frames tag attributes
Page 15: Lesson 9. Try Coding! Nested Frames tag attributes

Example<HTML><head><style><!--H1{font-size:72pt}--></style></head><body><h1>An Example of Embedded

Method</h1></body></html>

Page 16: Lesson 9. Try Coding! Nested Frames tag attributes
Page 17: Lesson 9. Try Coding! Nested Frames tag attributes

mystyles.css

h1{color:red}

p{font-size:34pt}

Page 18: Lesson 9. Try Coding! Nested Frames tag attributes

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>

Page 19: Lesson 9. Try Coding! Nested Frames tag attributes
Page 20: Lesson 9. Try Coding! Nested Frames tag attributes

<HTML>

<body>

<h1 style="font-size:40pt">This heading has font-size 40-point</h1>

</body>

</HTML>

Page 21: Lesson 9. Try Coding! Nested Frames tag attributes
Page 22: Lesson 9. Try Coding! Nested Frames tag attributes

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>