2.9 Heading Practice

Hello World!

Instructions: Lets practice creating headings and then changing their font types.

1. Create a webpage with a heading "Hello World!"
2. Bold the text
3. Add another heading that is smaller than the previous heading
4. Italicize the other heading
5. Make sure your code is formatted correctly

Template

1. Create a webpage with a heading "Hello World"

2. Bold the text

3. Add another heading that is smaller than the previous heading

4. Italizcize the other heading

5. Make sure your code is formatted correctly

ANSWERS:

<!DOCTYPE html>
<html>
	<head>
	</head>
	<body>
		<h1><b>Hello World</b></h1>
		<h2><i>This is another heading</i></h2>
	</body>
</html>

Funky One-liner

Instructions: Now create a funky one-liner.

1. Create a webpage with a heading, "This is a funky one-liner".
2. Underneath that, write a different heading, "No. This is a funky one-liner".
3. Change "funky one-liner" to a smaller heading on the first heading.
4. Randomly change individual/groups of letters in different heading sizes on the second heading.

Template

<!--
    Funky One Liner
    1. Create a webpage with a heading, "This is a funky one-liner"
    2. Underneath that, write a different heading, "No. This is a funky one-liner"
    3a. Change "funky one-liner" to a smaller heading on the first heading
    3b. Randomly change individual/groups of letters in different heading sizes on the second heading
-->

<!DOCTYPE html>
<html>
    <head>
        <title>Funky One-Liner Practice</title>
    </head>
    <body>
        <!----Insert Code Here--->
    </body>
</html>

• Solution