The goal of this tutorial is to show you some how to build a simple web page using some basic elements. We will be adding text, links, and images. Unlike "Hello, world," we will be paying close attention to creating rich, semantic content. After all, HTML is meant to provide meaningful, well-structured content, not to make it look pretty. That's what CSS is for - and a whole different set of tutorials. End Result.
One of the first things our page should have are headings. These help to organize the content of the page, and they are one of the things search engines look at to determine what the page is about. Therefore, it is important that the content of these tags are meaningful.
Heading elements come in six levels, from h1 to h6. The lower the number, the more important the heading. You don't have to use all the levels, but you should start with h1, and not skip any. Remember, we aren't using these headings to style the text, just to provide meaning behind the text.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Classical Music</title> </head> <body> <h1>Classical Music</h1> <h2>Baroque Era</h2> <h2>Classical Era</h2> <h2>Romantic Era</h2> </body> </html>