For a special Valentine's Day break in the scheduled
Web Composition series, we
are going to take a look at lists and embedding objects- two great tools to let your loved ones and the whole world know how you feel. Lists A great way to organize your thoughts is with lists. There are three types of
lists: ordered, unordered, and definition. These lists can be nested to create all sorts of different effects such as outlines. The list tags are as
follows:
HTML (LISTS) TAGS
|
|
TAG/ATTRIBUTE
|
DESCRIPTION
|
|
DD
|
For creating the definition of the term
|
|
DL
|
For creating a definition list
|
|
DT
|
For creating a term to be defined
|
|
LI
|
For creating a list item
|
|
TYPE
|
For determining which symbol shoud be used with the list item
|
|
VALUE
|
For determining the initial value of the first item
(This overrides the value set with <start>.)
|
|
OL
|
For creating ordered lists
|
|
TYPE
|
For determining which symbol shoud be used with each list item
|
|
START
|
For determining the initial value of the first item
|
|
UL
|
For creating unordered lists
|
|
TYPE
|
For determining which symbol shoud be used with each list item
|
There are different symbols that can be used in ordered and unordered lists. There are five types of symbols for ordered lists and three types for unordered.
|
Ordered Lists
|
|
Unordered Lists
|
|
TITLE
|
TYPE=
|
EXAMPLE
|
|
Big Roman
|
I
|
I, II, III, IV
|
|
Capital
|
A
|
A, B, C, D
|
|
Arabic
|
1
|
1, 2, 3, 4
|
|
Lowercase
|
a
|
a, b, c, d
|
|
Small Roman
|
i
|
i, ii, iii, iv
|
|
|
|
TYPE=
|
EXAMPLE
|
|
circle
|
|
|
disc
|
|
|
square
|
|
|
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
<html>
<head>
<title>My Third Page</title>
</head>
<body bgcolor="#ffffff">
<table width="80%" align="center">
<tr>
<td>
<dl>
<dt>
LOVE
</dt>
<dd>
An overwhelming feeling, that cannot be fully comprehended if never
truely felt. It fills you completely, so that once you have had it, you feel
empty and not complete without.
</dd>
</dl>
<ol>
<b>
Let me Count the Reasons I Love You.</b>
<li>
I love the way you look at me.
</li>
<li>
I love the way you smile.
</li>
<li>
I love how creative you are.
</li>
<li>
I love how you are so playful.
</li>
<li>
I love how you make me feel so loved.
</li>
</ol>
</td>
</tr>
</table>
</body>
</html>
|
|
Embedding Object
Another way to let someone know how you feel is with a little multimedia. Whether you post a love song, a touching video clip, or a little animation, that extra touch can really show you care. Embedding multimedia is not just a once-a-year thing either. Visual, audio, and interactive stimulants can add to any page no matter the theme or cause. The trick to multimedia is having it to start with. If you do not already have some things at hand to work with, do not fret. Later on this year, we will explore ways to create different multimedias and explore some different effects and uses of them.
HTML (Embedding Objects) TAGS
|
|
TAG/ATTRIBUTE
|
DESCRIPTION
|
|
APPLET
|
For inserting applets
|
|
CODE
|
For specifying the URL of the applet's code
|
|
HEIGHT
|
For specifying the applet's height
|
|
WIDTH
|
For specifying the applet's width
|
|
EMBED
|
For adding multimedia (et al) to a page
|
|
ALIGN
|
For aligning controls
|
|
AUTOSTART
|
For making multimedia event begin automatically
|
|
CONTROLS
|
For displaying play, pause, rewind buttons
|
|
HEIGHT
|
For specifying controls' height
|
|
LOOP
|
For determining if multimedia event should play more than once
|
|
SRC
|
For specifing multimedia file's URL
|
|
WIDTH
|
For specifying controls' width
|
Applets are little applications such as clocks and calculators that can run in your browser. For now, we are going to focus more on the <embed> code, and its abilities. There are several different types of multimedia. Some, such as images, do not use the <embed> code. In fact, if you choose to link to other multimedia files such as audio and video instead of putting them directly into the page, you do not need the <embed> code. The <embed> code is for when you want the multimedia to be directly embedded into the page.
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
<html>
<head>
<title>My Fourth Page</title>
</head>
<body bgcolor="#ffffff">
<table width="80%" align="center">
<tr>
<td>
<h1
align="center">
Can'
t Help Falling in Love with You
</h1>
<embed
src="lovesong.wav" controls="smallconsole" width="144"
height="18"
loop="1" autostart="true" align="center">
<p>
Wise
men say only fools rush in,<br />
but I
can't help falling in love with you.
</p>
<p>
Shall
I
stay, would it be a sin?
</p>
<p>
If I
can't help, falling in love with you.
</p>
<p>
Like a
river flows, surely to the sea,<br />
darling
so it goes, some things are meant to be.
</p>
<p>
Take
my
hand, take my whole life too,<br />
for I
can't help, falling in love with you.
</p>
</td>
</tr>
</table>
</body>
</html>
|
|
If you would like to check out a good Valentine's Day video example, check out this web page and discover what Ashley says is
"Just What I Needed".
I hope you have a wonderful Valentine's Day.
Responses:
Refresh frame to view latest entries.
|
