My Site, Your PASSION!

Tutorial Guidance for HTML Beginners

Hypertext Mark-up Language

Markup for World Wide Web: the markup language used for creating documents on the World Wide Web.
Uses a set of instructions called tags to define the structure as layout of a web document and specify how the page is displayed in a browser

Text Formatting Tag

<h1> – defines the header level from the largest<h1> to the smallest<h6>.
<font> – set of font characteristics of text enclosed to this tag.

Attributes:

a) size – “n” specifies the size of the text affected by the font tag.

b) color – “hexadecimal” color of the text.

c) face – “style” of the font.

<b> – bolds the text
<i> – italicized the text
<u> – underlines the text
<s> – emphasizes the text in strikethrough manner.
<sub> – sets the text as subscript
<sup> – sets the text as superscript
<p> – creates a line break and a space between lines.
<dl> – start of the definition list of the definition term and description tags.
<dt> – definition term
<dd> – definition description
<pre> – preformatted text, used to imitate the exact spacing of the coded text.

Page Formatting Tag

<body> - acts as the container of the web elements within the web page.

Attributes:

a) bgcolor = “#FFFFFF” – indicates the color of the web page’s background.

b) background = “url” – specifies the location of an image file that tiles across the web pages background.

c) text = “#000000” – default color of all text inside the body.

d) alink = “#FFFFFF” – specifies the color of the active links in the document.

e) link = “#FFFFFF” – defines the color of the links not yet visited.

f) vlink = “#FFFFFF” – defines the color of visited links.

2. <marquee> - this tag is used to scroll text or image in different directions.

Attributes:

a) direction = “left, right, top, bottom” – the direction that the marquee should scroll.

b) behavior = “slide, scroll, alternate” – the type of scrolling the image/text.

c) scrollamount = “n” – sets the speed of scrolling.

d) scrolldelay = “n” – sets the time delay of scrolling.

e) loop = “n” – sets how many times the marquee should loop.

f) bgcolor = “#000000” – sets the background color of the marquee.

g) width = “n” – sets the width dimension of the marquee.

h) height = “n” – sets the height dimension of the marquee.

i) hspace = “n” – sets the horizontal space to the left and right of the marquee.

j) vspace = “n” – sets the vertical space to the top and bottom of the marquee.

3. <hr> - inserts a horizontal rule that serves as graphic element (i.e. divider) within the web page.

a) align = “left, center, right” – specifies the alignment of the horizontal rule.

b) noshade – specifies to not use 3D shading and to round the ends of the rule.

c) size = “n” – sets the thickness of the rule to a value in pixels.

d) Width = “n/n%” – sets the width of the rule to a value in pixels or percentage (preferred) in line with the page width.

List Tag

<ol> - specifies that the information will appear as an ordered or numbered list.

Attributes:

a) start = “n” – specifies that the information will appear as an ordered or numbered list.

b) type = “X, x, Z, z, 2, 4” – specifies the numbering style of the ordered list.

<ul> - unordered list, specifies that the information appeared as unordered list.

Attributes:

a) type = “square, circle, disc” – specifies bullet type.

<li> - placed beside the items included in the list.

Image Tag

<img> - inserts graphics picture in your web page. Supports Joint Photographic Experts Group (*.jpg), Graphic Interchange Format (*.gif), bit map (*.bmp), Portable Network Graphics (*.png).

a) align = “left, right, top, bottom, middle” – position of the picture within the web page.

b) border = “n” – width of the frame border

c) height = “n” – height of the image

d) width = “n” – width of the image

e) alt = “text” – alternate text to display when an image is being loaded.

f) src = “url” – source address of the image

g) hspace = “n” – sets the horizontal space to the left and right of the image.

h) vspace = “n” – sets the vertical space at the top and bottom of the image.

Hyperlinks

<a> - use to transfer an html file to another web page.

Attributes:

a) name = “#id” – marks a location within the current document with a name.

b) href = “url” – the address of the target web page, linked file, or local link.

Excerpt from our Handouts (CIT 226)

2010: 03/12
CATEGORY: Education
Write comment

There's NO ONE as UNIQUE as this Site is…

Free Personal signatures – cool!

BSM – kape inside™

Asking all of you

Tutorial Guidance for HTML Beginners

Free Flash banner at FlashBannerNow.com

Holy Orders

Kaalaman

Archives

Categories

Monthly Blog Posts

Gravatar

Enter Now!

Pages

Last Comments

Recent Posts

Your Comments and Suggestions

Eminent Clicks

Eminent Posts

Eminent Assessments

Tweets

Flickr Photos

Click on the image below

Blogroll

Other Sites to Visit

Email Subscription

Rmand Negrite

Follow “My Site, Your PASSION!”