Print your name in green.
<!DOCTYPE html>
<html>
<head>
<title>Green Name</title>
</head>
<body>
<!– Name displayed in green color –>
<p style=”color: purple;”>Maynard R. Talinda</p>
</body>
</html>
Print the numbers 1 – 10, each number being a different color.
<!DOCTYPE html>
<html>
<head>
<title>Colored Numbers</title>
</head>
<body>
<!– Each number has a different color –>
<p>
<span style=”color:red;”>1</span>
<span style=”color:orange;”>2</span>
<span style=”color:yellow;”>3</span>
<span style=”color:green;”>4</span>
<span style=”color:blue;”>5</span>
<span style=”color:purple;”>6</span>
<span style=”color:pink;”>7</span>
<span style=”color:brown;”>8</span>
<span style=”color:cyan;”>9</span>
<span style=”color:rgb(105, 100, 100);”>10</span>
</p>
</body> </html>
Prints your name in a Tahoma font.
<!DOCTYPE html>
<html>
<head>
<title>Tahoma Font</title>
</head>
<body>
<!– Name displayed using Tahoma font –>
<p style=”font-family: Tahoma;”>Maynard R. Talinda</p>
</body>
</html>
Print a paragraph with 4 – 5 sentences. Each sentence should be a different font.
<!DOCTYPE html>
<html>
<head>
<title>Different Fonts</title>
</head>
<body>
<!– Each sentence has a different font –>
<p style=”font-family: Arial;”>You should be more fully aware of me!</p>
<p style=”font-family: Courier New;”>An incantation long remembered.</p>
<p style=”font-family: Georgia;”>Throughout the aeons I have been known by many names…but my true name of power…is Carl.</p>
<p style=”font-family: Verdana;”>So begins a new age of knowledge.</p>
</body>
</html>
Print a paragraph that is a description of a book, include the title of the book as well as its author. Names and titles should be underlined, adjectives should be italicized and bolded.
<!DOCTYPE html>
<html>
<head>
<title>Book Description</title>
</head>
<body>
<!– Book title and author are underlined –>
<!– Adjectives are italicized and bolded –>
<p>
The book <u>Harry Potter and the Sorcerer’s Stone</u> by <u>J.K. Rowling</u> is a
<b><i>magical</i></b> and <b><i>exciting</i></b> story about a young wizard who
discovers his <b><i>amazing</i></b> destiny at a school of witchcraft.
</p>
</body>
</html>
Print your name to the screen with every letter being a different heading size.
<!DOCTYPE html>
<html>
<head>
<title>Different Headings</title>
</head>
<body>
<!– Each letter uses a different heading tag –>
<h1>Y</h1>
<h2>A</h2>
<h3>M</h3>
<h4>Y</h4>
<h5>A</h5>
<h4>M</h4>
<h3>I</h3>
<h2>X</h2>
</body>
</html>