Welcome to our HTML tutorial! Let's jump right in.
As an analogy, let's think about your average college-level MLA paper. When you're formatting it on a word processor, you make note of the parts that are the head, title, body, footer, etc.
With this information, we understand how the paper fits together. Furthermore, we adopt certain conventions as to how each page of the entire essay should look. You can think of HTML as the tool that marks these bits and pieces up so that we can identify what they are. Later on, we'll discuss how these identifiers are used to apply styles with CSS.
Keep in mind that HTML's main purpose is to mark the semantics of a document. A common misunderstanding is that HTML is used just to mark up a page up so that we can apply target styles later on.
We'll soon see how HTML is used by search engine bots to identify what a page is about.
HTML works by assigning parts of the page with a "tag". For example, the
<p>tag says "Hey, Mr. Browser, this is a paragraph!".
Tags are enclosed by two sets of brackets
< >. The first set, or the start tag, look like
<head>, while end tags are exactly the same with a
/ preceding the tag name -
</head>. The content goes in between the start and end tags.
Some tags, such as
<br>, which stand for a line break, have no end tag. These are called void (or empty) elements.
Sometimes you'll see void elements with a /, such as
This is remnant of XHTML syntax. XHTML is a version of HTML that adopted a stricter convention and forced developers to include a "/" on all tags.
In this tutorial series, we'll be using HTML 5, so there's no need for an extra "/" for void elements.
Responsive web design helps your site maintain its design integrity on a variety of screen sizes, but how does it affect your typography? With this practical book, graphic designers, web designers, and front-end developers alike will learn the nuts and bolts of how to get the best appearance from type without sacrificing performance on any device.$ Check price
Relieve spasms, tight muscles, trigger points and pressure points with the Body Back Buddy! This trigger point massage is designed to help you self-message any area of your body - especially those that are hard to reach. Keeping your muscles relaxes and out of contraction is importan in helping to reduce pain and prevent muscle injury.$ Check price