Now let's start the actual building of a web page. Remember: you have to CLOSE the text style tags just like you have to close heading tags. When you select text and click on the B button in MS Word your text turns bold, right? HTML works the same way, but we need to use HTML tags to tell the browser what text style to use. You already know about text style tags as you use them all the time in word processors like MS Word. Text style tags affect the appearance of text on a page. The space (or lack of it, actually) between this line and the line above it is an example of a line break. TIP: if you want to create blank lines on your page, use multiple tags, not the tag as the browser only sees the first tag and ignores the others but sees and creates a line break for all tags. Doesn't insert a space between lines, just forces a break between lines of text. The tag is one of those exceptions I mentioned, and doesn't need a closing tag. The shadowed line you see below this text is an example of the tag. Useful for breaking up sections of your page. The spaces between this line and the line above and below are examples of paragraph tags. Inserts an empty line (it's like double-spacing in word processing). These tags affect how the text is spaced on a page: - Paragraph. That can mean how the text is spaced, and also how the text looks. When we talk about style elements in HTML, we mean tags that affect the appearance of the text on a page. Here is the HTML for this: This text is an example of an H6 heading
Here is the HTML for this: This text is an example of an H1 heading is the smallest, with to of varying sizes in between them. is the largest size heading, which you would normally use at the start of a document. In most cases, the first heading on a web page will be the same as, or similar to, the document title to let people know right off what the page is about. If you think about a HEADING as part of an outline of a document, the first HEADING () tag is roman numeral one, a second level heading () would be roman numeral two, and so on. Generally, the first line of an HTML page will be a HEADING tag. Now we are ready to start creating the true content of the web page by putting information between the tags. There are very few HTML tags that don't require a closing tag, so be sure you get into the habit of closing your tags. You need to be very careful about closing your HTML tags. The second one,, has a / (this is called a forward slash). Do you see the difference? The first one,, has no / (forward slash). Notice that all the tags have these around them? These brackets tell the browser that the text inside the brackets is to be read as an HTML command. So the basic skeleton of every web page looks like this (the tags will always appear in this order) and you will have one only of each of these tags on your web page): The true content of your web page starts after the HTML, HEAD and TITLE tags. The title text doesn't show up in the main browser window (where the text you are now reading is located). Look up at the top of your browser window right now. The document title will appear in the title bar (the bar at the top of your browser window). Generally, the title should reflect the contents of the page (like a book's title reflects the contents of the book), so you will be changing this title to better describe whatever sort of web page you are creating. The most important meta information in the HEAD tag is the tag. Information between the HEAD tags doesn't appear in the browser window, but is still important. This tells web browsers that the document is an HTML file. The first tag in any HTML file is the tag.