Zebra0.com

html5More Tags

More Tags

The browser will use the title element that is inside the head element on the tabs when you have several pages open. If a title element is not inside the head element the browser ignores it.

In the example below, the word Greetings is inside <h1> and </h1> This element is a heading. It will be very large:

Greetings!

There is a paragraph element indicated by <p> at the beginning and </p> at the end.

Inside the paragraph element, the word Welcome is between the opening <strong> tag and the closing </strong>. That make the word Welcome bold.

The word website is between <em> and </em>. It is emphasized or italics.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HELLO WORLD</title>
</head>
<body>
<h1>Greetings!</h1>
<p>Hello, <strong>Welcome</strong> to my <em>website</em>!</p>
</body>
</html>

This paragraph would appear as

Hello,Welcome to my website!

What do you think the paragraph would look like it you marked up the paragraph like this:

<p>Hello, <strong>Welcome to my <em>website</em>!</strong></p>

Try it! See if you figured it out. Try adding an <h2> or <h3> element and a few more paragraphs. Experiment! See if you can make the page look exactly the way you want. Don't be afraid of making a mistake, you can always recopy the html shown here.

Next: Try It! (a video>