Basic HTML
Sample Order of Tags on a Web Page
<!DOCTYPE html> <head> <title>Title You See on Browser's Tab</title> </head> <body> <h2>Heading in The Web Page</h2> <p>One paragraph.</p> <p>This is another paragraph with a <b>bold </b>word.</p> </body> </html>
<body> and </body> tags
Always appear after the head tags but before the closing html tag </html>. What is between these tags appears in the browser as the content of the web page.
<title> and </title> tags
Always appear in the head section, between the <head> and the </head> tags. What is between these tags appears at the top of the browser page, on the browser tabs.
<head> and </head> tags
Always comes right after the <html> tag. Things in this section tell the browser things about the file, such as its title.
<html> and </html> tags
Always the second and last tags in an HTML file. Everything except the Doctype declaration goes between these two tags.
Element
An element is the part of an HTML page which contains a set of tags and the content inside of those tags. This is an example of an element: <h2>The Great Gatsby</h2>.
Bold tags
Bold tags, <b> and </b>, are used the make text bold. Can also be written as <strong> and </strong>.
Heading tags
Heading tags are used to create titles (or headings) and sub titles in a document. There are six sizes with the <h1> and </h1> tags making the larges title (or heading) and the <h6> and </h6> tags creating the smallest title.
<!DOCTYPE html>
Is always the first thing in an HTML file and it tells the browser what language (what version of HTML) the file is using.
Nesting
Nesting is what it is called when one set of tags appears inside of another set of tags. Nesting tags works just like nesting parenthesis in math. They must be closed from the inside out, in the correct order.
Paragraph tags
Paragraph tags are written as <p> and </p>. They define the beginning and end of a paragraph.
Tags
Tags are codes used in HTML to tell the browser what to do. Tags are always surrounded by the < and > characters. This is an example of a paragraph tag: <p>.
Create a Web Page
You should be able to create a simple web page correctly incorporating all of the features described above.
