My First Webpage

HTML coding info | Impossible Quiz Solutions

green_and_pink.jpg

HTML information



Note that anytime something is written like this:

body (enclosed in <...>)

it means that what is written first (in this case, the word 'body' is placed inside the <...> in place of the ellipses (ellipses = ... quite literally the 3 periods back to back)




The first tag that any Web page must have is the html tag enclosed inside <...>. It tells the browser that the following text will be marked up in HTML format, and not some other format such as straight text, SGML, or XML. The closing tag is required and is the last tag in your document.


The head tag (again, enclosed inside <...> ) is used to define information for the browser that may or may not be displayed to the user. Tags that belong in the 'head' section are the following (all enclosed inside <...>): title, meta, script, and style. The closing tag, /head (also enclosed in <...>) is required.


The title tag (enclosed inside <...>) belongs in the head section of your document. It is the title of your webpage, and is usually displayed by the browser at the top of the browser pane. The closing tag /title (enclosed inside <...>) is required.


The body tag (enclosed inside <...>) is where all of your HTML information belongs. It defines the primary portion of your Web page. With attributes of the body tag, you can define the background color of your webpages, the text color, the link color, and the active and vistited link colors. The closing /body tag (enclosed inside <...>) is required.


The above listed tags would be written in the following order:

hmtl
head
title
*insert title here*
/title
/head
body
*insert body text here*
/body
/html

All of the tags listed above must be enclosed inside <...>


When writing in paragraph form, the paragraph tag is used to break things into paragraphs. It is a paired tag. That means that both the p tag and the /p tag (enclosed inside <...>) must be used. It should be written as follows:

p
*insert body text here*
/p

Note that both the 'p' and the '/p' are enclosed inside <...>


The line break tag is used basicallly like the enter key. It is for breaking one line to start another. It is written as 'br /' enclosed inside <...>. It is placed where you want the line to end.
It can be used for an address:

123 Any Street br /
City, State, 12345 br /

Or in typing a letter to publish in html:

Dear John, br /

How are you? I am doing well. I hope you are also. br /

Sincerely, br /
Jane br /

Note that all occurences of the 'br /' tag are enclosed inside <...>

Remember when you were writing term papers, and your English teacher told you that when a quote is more than 3 lines, you had to double-indent it? Well, in html coding, it becomes a blockquote. A blockquote is a long quote or a block of text you want to quote. About.com says that publishers often call this a "pull-quote." Browsers often display a blockquote the same way your English papers do - slightly indented from the surrounding text. However, the blockquote tag should NOT be used for indenting.

It would appear like this:

If ever two were one, then surely we.
If ever man were lov'd by wife, then thee.
If ever wife was happy in a man,
Compare with me, ye women, if you can.
I prize thy love more than whole mines of gold
Or all the riches that the East doth hold.
My love is such that rivers cannot quench,
Nor ought but love from thee give recompetence.
Thy love is such I can no way repay.
The heavens reward thee manifold, I pray.
Then while we live, in love let's so persever
That when we live no more, we may live ever.

-To My Dear and Loving Husband, Anne Bradstreet


The blockquote tag is a paired tag, so it must have blockquote (enclosed inside <...>) and the end tag /blockquote (enclosed inside <...>) is required.



Now let's say that you want to give a list, whether it be of vocabulary words or a list of items for a camping trip. To do this, you would use the ordered list tag. The ordered list tag is a paired tag and is written as 'ol' (enclosed inside <...>). This is a relatively easy tag to remember as it is simply abbreviated (Ordered List).

Now, in order to distinguish the items you are listing from any random text you may want to include after your list, you should type the list item tag. It also is a paired tag and is written as follows: 'li' (enlcosed inside <...>). This tag is also simply abbreviated for the coding. (List Item). So far your coding should look like this:

ol
li

Note that both the 'ol' tag and the 'li' tag should both be enclosed inside <...>.

After the 'li' you should list the first item you want listed, and then the /li tag (enclosed inside <...>). After the /li tag, press enter (not type the line break tag) and repeat. At the end of the list, include the end tag for the whole list - '/ol' (enclosed inside <...>). For example, if you want to list things you need done around the house, you might type it like this:

ol
li Clean the kitchen /li
li Dust the den /li
li Pick vegetables from the garden /li
/ol

Note that all occurences of the following tags must be included inside <...>: ol, li, /li, and /ol.

Thanks to http://www.about.com for the information about html coding.