Let's Try Forms ! (using h1 class="title")
test of "h1 class=secondclass", should be red
Firefox can't find the file at /C:/Users/jean/Jean_HTML_Files/contactus.php
TAGS / CLOSING TAGS
ALL HTML tags should be closed.
Although older versions of HTML lazily allowed some tags not to be closed, latest standards require all tags to be closed. This is a good habit to get into anyway.
Not all tags have closing tags like this some tags, which do not wrap around content will close themselves. The line-break tag for example, looks like this :
.
We will come across these examples later. All you need to remember is that all tags must be closed and most (those with content between them) are in the format of opening tag ? content ? closing tag.
ATTRIBUTES
Tags can also have attributes, which are extra bits of information.
Attributes appear inside the opening tag and their value is always inside quotation marks.
For example, here, link rel= is the tag, with attribute "stylesheet".
LINKS
An anchor tag (a) is used to define a link,
but you also need to add something to the anchor tag - the destination of the link (with href)
This is where to find the tutorial: HTML Dog
IMAGES
The img tag is used to put an image in an HTML document and it looks like this, between <>:
The src attribute tells the browser where to find the image.
Like the a tag, this can be absolute, as the above example demonstrates, but is usually relative.
For example, if you create your own image and save it as "alienpie.jpg" in a directory called "images" then the code would be
The width and height attributes are necessary because if they are excluded,
the browser will tend to calculate the size as the image loads, instead of when the page loads,
which means that the layout of the document may jump around while the page is loading.
Note that, like the br tag, because the img tag does not have a closing tag, it closes itself, ending with "/>"
LISTS
- ul is for un-ordered list
- if unordered, each gets a bullet
- ol is for ordered list, meaning numbered?
- if ordered, each items gets a number
Headings
Heading 1's specified font
Heading 2's specified font
Heading 3 specified uppercase
NOTE this h4 SHOULD be italics and all lowercase