HTML LESSON II
MORE ABOUT TAGS
Tag Sets
<u></u> means underline text.
<i></i> means to make the text italic.
<b></b>means to make the txt bold
<h3></h3>is a heading tag set.
in the heading of the webpage. The higher the value, the smaller
the font on the heading. When the heading tag is used, the browser
already knows to display the text in bold so you will
not have to use the bold tag.
<blockquote>The blockquote tag set will slightly indent and
does not need a paragraph tag set when using blockquote. Blockquote does require a
closing tag.
Paragraphs are tag sets, however break tags are not. If a paragraph tag is used,
it must always have a closing tag. Breaks can be put in multiple times to show line breaks
without a closing tag
Placing Tag Sets
When programming a website and placing tag sets, there is a certain
order in which the tags are placed. It is known as "nesting". Any time multiple attributes
are used, tag sets go around the text like this:
<center>
<bold>
<<i>>i>
TEXT
</i>
</b>
</center>
<All attributes are between brackets> All attributes are between brackets>
Attributes and Values Within A Tag
To change position or alignment of object is created with <align=> attribute when followed
by the "value" in quotation marks. For one value might add "left" "center" "right" or
"justify" to tell the browser how to display the object.
The <<align=>>align=>attribute is an attribute and is not a tag. It is used
with other tags modify the tag function. It has to be placed before a value that
tells the browser how to modify.
<<align="left">>align="left"> tells the browser to align a left margin.
Remember!
<<ATTRIBUTES GO BETWEEN BRACKETS>>ATTRIBUTES GO BETWEEN BRACKETS>
"VALUES GO BETWEEN QUOTATION MARKS"
The
<<hr>>hr> tag produces a line that is centered across the page. This tag can be modified in
many ways. This tag does not need a closing tag as it is not a container tag. The line can
be lengthened or shortened by adding width= to the hr tag. Add 25% or 50%... etc into
quotation marks. The line can be made thicker by adding size= to the hr tag then a size value
in the quotation marks.
Linking Wesites Together
Linking websites together is done by an attribute and value contained in a tag.
<a href="index.htm"><a href="index.htm">Click Here For Home</a>
The </a> makes it clickable and will access the entrance to another page.
Hyperlinks that lead to other websites may also be programmed in a simular manner
Instead of just inserting the file name
<a href="index.html">HOME</a>
The whole url would be inserted.
<a href="http://www.ksurf.net">Webversity</a>
ORDERED AND UNORDERED LISTS
The two most common lists used when building a webpage are:
<ul></ul> Unordered Lists
<ol></ol> Ordered Lists
The <ul></ul>unordered lists are created by using both the opening and closing tags.
The text to be in the list will be placed between these tags. Before each item
listed will be a bullet as demonstrated:
Is Coded as follows:
<ul>
<li>Bread</li>
<li>Eggs</li>
<li>Milk</li>
<ul>
The <li></li> is the tag set for "List Item"
There is an automatic line break between each list item.
The list bullet can be modified by adding values of different types of bullets
-
- "circle" for an open circle
- "disc" which will produce a solid circle.
The ordered lists have a numberic value instead of a disc or a square.
Grocery List
- Bread
- Eggs
- Milk
would be coded like this:
<ol>
<ol>Bread</ol>
<ol>Eggs</ol>
<ol>Milk</ol>
</ol>
Ordered and unordered lists can can be combined to produce an outline effect:
My Grocery List
- Bread
- butter
- peanut buttler
- Jelly
- Eggs
- breakfast
- cornbread
- custard
- Milk
Would be html coded into a combined list like this:
My Grocery List
<ol>
<li>Bread
<ul>
<li>butter</li>
<li>Peanut Butter;</li>
<li>Jelly</li>
</ul>
</li>
<li>Eggs
<ul>
<li>breakfast</li>
<li>cornbread</li>
<li>custard</li>
</ul>
</li>
<ul>
<li>Milk
<li>cereal</li>
<li>custard</li>
<li>drinking</li>
</ul>
</il>
</ol>
Page II: The Index Page


Home