Expression Web Tutorials: Learn How to Build Web Sites with CSS & HTML
HTML Tags
The Language We Use to Communicate with a Browser
- Learn the Following
Tags to Get Started:
body
<body></body> the background of the
entire web page;
div
<div></div> The div tag is used to create
Layouts. Literally means division. The div
is used todivide a web
page into sections, and thus create a Layout.
Use other
HTML Tags to include paragraphs and headings in each div.
paragraph
<paragraph></paragraph> Text is placed in
this tag to create a paragraph. The default appearance of
paragraph text is nothing spectacular. Our main reason for
using the paragraph tag is to make it easier to style our text
as paragraphs using CSS.
Typically when styling
paragraphs, we will control the width, line-height, font-size,
font-family, color, and other properties of the paragraph.
We only need to create one style for all paragraphs as long as
you wrap your text with paragraph tags.
Heading Tags
<h1> Heading Level 1</h1>
Heading Tags h1 thru h6:
h1 is
most important; necessary for SEO. (place keywords in the
heading tags.)
Use Heading tags to draw the readers
attention to some particular content.
ol
<ol></ol> Ordered List (a numbered list) 1. 2.
3.
ul
<ul></ul> Unordered List. Also called a Bulleted
List.
Used to make Navigation menus and bulleted
lists.
li
<li></li> List item List items often
used for navigation menus along with <ul>.
A <li></li> is
created every time you add an item to any type of list.
<a>
<a> Anchor indicates a hyperlink.
(a=anchor) An anchor is really the text used to create the
hyperlink.
<img>
<img> Image defines an image in the
HTML. (this is different from CSS images)