Create WebSite

Introduction To URL, What Is URL

2010-05-02T02:16:00.001-07:00

The world wide web (web) is a network of information resources. The web relies on three mechanisms to make these resources readily available to the widest possible audience:

• A uniform naming scheme for locating resources on the web (URL).

• Protocols for accessing resources over the web (HTTP).

• Hypertext for easy navigation among the resources (HTML).

Eevey resourse available on the web (eg) HTML document, image, video clip, program, etc. has an address that may be encoded by Universal Resourse Identifier OR “URL”. URL’s typically consist of three pieces

• The naming scheme of mechaninsm used to access the resource.

• The name of machine hosting the resource.

• The name of the resource itself, given as a path .

Conside the URL that takes you to the HTML 4.0 Specification in World Wide Web

http://www.w3.org/TR/REC-html40/

This URL may be read as follows: There is a document available via the HTTP protocol, residing on the machine www.w3.org accessible via the path “/TR/REC-html40/”. Other Schemes you may see in HTML documents, Include “mailto” for email and “ftp” for FTP.

You may be familiar with the term “URL” and not the term “URL”. URLs are a subset of the more general URL naming scheme.

Relative URLs, Linking To Another Page HTML

2010-05-02T02:07:00.000-07:00

A relative URL doesn’t contain any naming scheme information. Its path ganerally refers to a resource on the same machine as the current document. Relative URL’s may contain relative path components (e.g., “..” means one level up in the hierarchy defined by the path) and may contain fragments identifiers.

Relative URL’s are resolved to full URL’s using a base URL. Base URL is specified in the documents head. As an example of relative URL resolution, assume we have the base URL “http://acme.com/support/intro.html”. The relative URL in the following markup for a hypertext links is

a href=”suppliers.html”> Suppliers would expand to the full URL “http://www.acme.com/support/suppliers.html” , while the relative URL in the following markup for an image is

img scr=”../icons/logo.gif” alt=”logo”> would expand to the URL “http://www.acme.com/icons/logo.gif”

In HTML URL’s are used to:

• Link to another document or resourse.

• Link to an external style sheet or script.

• Create an image map.

• Submit a form.

• Create frame document.

• Cite an external refernce.

• Refer to metadata convantion describing a documents.

Tim burners lee originally developed HTML and was popularized by the Mosaic browser. During 1990s it has blossomed with explosive growth of the WEB. During this time HTML has been extended in a number of ways. HTML 2.0 specification was develop under the protection of the internet Engineering Task Force (IETF) to codify common practice in late 1994.

History of HTML

2010-05-02T02:00:00.000-07:00

Hyper Text Markup Language (HTML) is a method where ordinary text can be converted into hypertext. It is a set of special code s included to control the layout and appearance of the text. Technically HTML is not a programming language. It combine instruction within data to tell a display program called browser, how to render the data that the documents cantains.

• HTML is the character-based method for describing and expressing the content. The content is PICTURE, TEXT, SOUND and VIDEO clips.

• It delivers the content to multiple platforms.

• It links documents components or documents together to compose compound documents.

Tim BURNERS-LEE develop HTML in early 1990 at CERN (Conseil European dela Recherche Nucleaire ), the European particle physics laboratory in geneva, Switzerland. HTML is a public domain and not owned by anybody. The W3C [World Wide Web Consortium www.w3.org] is the body, which control the HTML standards. The HTML Working Group comprises of industry leaders, content provider and other landing experts who provide input on WEB accessibility and internationalization.

Structure of HTML Documents, How to use HTML Tag

2010-05-02T01:53:00.000-07:00

HTML generally has 2 parts an on code and an off code, which contain the text to be define. Few tags do not require an off code.

SYNTAX:

tag name> …..here code…… /tag name>

The most important thing to keep in mind about HTML is that its purpose is not specify the exact formatting or layout of a web page, but rather to define and specify the specific elements that make up a page such as the body of the text, heading, paragraphs, line breaks, text elements and so on. You can use HTML to define the composition of web page, not the appearance.

Switching Between Your Editor and Browser, How To Create A Website

2010-05-02T01:34:00.000-07:00

1. Load any editor . E.g.. Notepad.

2. Create the HTML file and save it, with extension .htm or .html.

3. View it in any browser E.g.. internet Explorer or Fire fox.

Tag or Tag elements: Refer to the HTML codes that decline the elements in an HTML file, Such as heading, images, paragraphs and list. There are two kinds of tags – the container tag and empty tag (HTML tag are inserted into a document between symbols. Tag are not case-sensitive).

Container Tag: These tags which bracket or contain text or other tag elements are called container tags. These actually consist of two tags, a start tag and an end tag which enclose the text they affect.

Empty Tag: These are standalone and do not bracket or contain text or any other tag elements. An empty tag function is a standalone element within an HTML documents and thus does not bracket or contain anything else.

Attribute: Allows you to specify how web browser should treat a particular tag. An attribute is included within the actual tag. Either within a start tag or an empty tag. End tags should not contain attributes.

Syntax: Attribute = “value”

E.g., align=”center”

Starting your page document tags: All HTML files should include at least these tags:

• The HTML tag

• The Title tag

• The Head tag

• The body tag

The HTML Tag. This tag defines the top-most elements. Identifying it as an HTML document. It is a container tag that has a start and end tag and all the other tag and texts are nested within it.

Syntax:

HTML>……… /HTML>

The Head Tag: This tag contains information about your HTML files. It may also contain other tags that help you to identify your HTML file to the outside world. The Head Tag is nested within the HTML tag.

Syntax:

HTML>

HEAD>

…………..

/HEAD>

/HTML>

Usually, the only tag contained within the head tag is the title tag. Other tags also can be contained within the head tag but they are used less often.

The Title Tag: This tag is nested within the head tag. It identified your page to the rest of the world. The tag output is displayed on your browser’s title bar but does not appear as part of the page.

Syntax:

HTML>

HEAD>

TITLE> Your Title: Describe Your Tilte /TITLE>

/HEAD>

/HTML>

Title tag is a required elements that you should include in each and every HTML document. If you do not include a title, the title of your page appears in some browsers as ‘Untitled’ whereas in other just the URL for the page appears on the Brower’s title bar.

The Body Tag: This tag the compliment of head tag and contains all of the tag, or elements that a browser actually display as the body of your HTML tag. Body tag comes after the Head tag and Body tag are nested within the HTML tag. Body tag comes after the head tag, they denote a separate part of the HTML document.

Syntax:

HTML>

HEAD>

TITLE> My First Web Page /TITLE>

/HEAD>

BODY>

……………….

/BODY>

/HTML>

Structuring Your Web Page, Structuring Websites

2010-05-02T01:21:00.000-07:00

You can headings to organize your web into hierarchical levels. Headings also act as separators in a words processing documents. The top heading (H1) actually is the title for your page, i.e.., It is appears in a browser windows at the top of the web page. These are 6 levels of heading.

You can also use a second-level heading (denoted by the H2 tag) to define a major division in your page, and a third level heading (Using the H3 tag) to define a sublevel division with a major division. Most browsers support upto six different levels.

BODY>

H1> This is a top-level heading /H1>

H2> This is a second-level Heading /H2>

H3> This is a third-level Heading /H3>

H4>This is a fourth-level Heading /H4>

H5> This is a fifth-level Heading /H5>

H6> This is a sixth-level Heading /H6>

/BODY>

Paragraph and Line Break Tags, Break Tag In HTML

2010-05-02T01:05:00.000-07:00

The P (paragraph) and BR (break) tag lets you insert block and lines of text on your page.

The P (paragraph) tag:

The P tag is a container elements, but with an implied ending. You do not have to include the /p> end tag. Any following start tag that defines a new block element implies the end of the tag. So, when you use the P tag, just insert the p> start tag at the beginning of a paragraph but level off the /p> at the end.

Example:

HTML>

HEAD>

TITLE> My First Web Page /TITLE>

/HEAD>

BODY>

H1> What Benefit Of E-Mail /H1>

P>

The main benefit of e-mail when compared to other messaging mediums like fax is that it is almost instantaneous.

/P>

/BODY>

/HTML>

The BR (Line Break) tag:

The BR (Line Break) tag is an empty, or stand-alone, tag that simply inserts a Line Break.

Example:

P>For Further Details Contact BR>

USA BR>

Chandigarh BR>

Canada

Adding Comments, Adding Comments In HTML

2010-05-02T00:57:00.000-07:00

The comment tag is a stand-alone tag that enables you to include messages for your own or anyone else’s future references. A comment always begins with a

!-- and ends with a -- >

Examples:

!-- Type Your Comments Here -- >

Formatting Your Text, Formatting Text In HTML

2010-05-02T00:34:00.001-07:00

Using Italic and Bold Highlighting:

HTML has two ways to include italic or blog text on your web page. The first way involves using literal tags: The B (Bold) tag and I (Italic). The second way is to use logical tags: The EM (emphasis) and Strong (Strong emphasis) tag. Most browsers display the I (Italic) and EM (Emphasis) tags identically, just as they display the B (Bold) and Strong (Strong Emphasis) tags identically.

Block Quotes:

The Block quote (Block Quote) tag double-indents a block of text from both margins.

Example:

HTML>

HEAD>

TITLE> My First Web Page /TITLE>

/HEAD>

BODY>

H1> How To Create Web Site

BLOCKQUOTE>

P>

The internet mainly connects networks of computers. In a corporate wide networks, each department has a local Area Network that allows sharing of files, database, printing and other peripheral devices.

P>

/BLOCKQUOTE>

/BODY>

/HTML>

Preformatted text:

The PRE (Preformatted text) tag is used to display a block of “preformatted” text in a monospace, fixed-pitch font. You use the PRE tag to display a block of text “as is”, include all spaces and hand returns. One of the primary uses of the PRE tag is to display text in a tabular or columnar format in which you want to make sure that the columns remain properly aligned.

Examples:

HTML>

HEAD>

TITLE> My First Web Site /TITLE>

/HEAD>

BODY>

PRE>

SALES FIGURES FOR FIRST QUARTER OF 2009

---------------------------------------------------------

JANUARY FABRURY MARCH TOTAL

ANDERSON $ 10,200 $ 20,015 $14,685 $ 44,900

BRAKER 30,000 25,000 50,225 106,610

PETERSON 15,900 20,115 18,890 54,905

WILSON 40,100 35,000 29,000 104,100

TOTAL $96,700 $ 101,015 $ 112,800 $ 310,515

/PER>

/BODY>

/HTML>

The UL (Unordered List) Tag, Unordered List Tag

2010-05-02T00:22:00.000-07:00

The UL (Unordered List) tag defines a bulleted list of items. The Li (List Item) tag is nested inside the UL tag and defines each item within the list.

Examples:

HTML>

HEAD>

TITLE> My First Web Page /TITLE>

/HEAD>

BODY>

UL>

LI> Computer Concepts

LI> MS-Windows

LI> MS-Excel

LI> MS-Word

/UL>

/BODY>

/HTML>

How To Create Nesting List, Nesting List

2010-05-02T00:12:00.000-07:00

You can nest a list inside another list. The browser automatically indents nested list levels. You can nest the same or different kinds of lists.

Examples:

HTML>

HEAD>

TITLE> My First Web Page /TITLE>

/HEAD>

BODY>

UL>

LI> Computer Software

OL>

LI> MS-Windows 7

LI> MS Excel 2010

LI> MS Word 2010

/OL>

LI> Hardware

OL>

LI> CPU

LI> Input Devices

LI> Output Devices

LI> Hard Dick

/OL>

/UL>

/BODY>

/HTML>

How Ordered lists Are Displayed , Order List Tag In HTML

2010-05-01T23:53:00.000-07:00

The type attribute allows you to specify the number type for an ordered (OL) list. Besides making it possible for you to specify a number type for a numbered list, this attribute allows you to create multilevel outlines.

Specifying The Number Type: You can use the TYPE attribute to specify the number type for an ordered (OL) list. The values that uppercase that can use with the TYPE attribute are “A”, “a”, “I”, “i”, and “1” for specifying uppercase letters, lowercase letter, uppercase roman numerals, lowercase roman minerals, or Arabic numbers, respectively.

Example:

OL TYPE=”1”>

LI> This is item one.

LI> This is item two.

LI> This is item three.

LI> This is item four.

/OL>

Creating A Multilevel Outline, How To Create Outline In HTML

2010-05-01T23:40:00.000-07:00

By applying different number type to the different levels of a nested ordered list, you can create a multilevel outline.

Example:

HTML>

HEAD>

TITLE> My First Web Page /TITLE>

BODY>

OL TYPE =”I”>

LI> Level One Outline Level

OL TYPE =”A”>

LI> Level Two Outline Level

OL Type =”1”>

LI> Level Three Outline Level

OL TYPE=”A”>

LI> Level Four Outline Level

LI> Level Four Outline Level

/OL>

LI> Level Three Outline Level

/OL>

LI> Level Two Outline Level

/OL>

/LI> level One Outline Level

/OL>

/BODY>

/HTML>

Using STRAT and Value Attributes In An Ordered list, Ordered List HTML Code

2010-04-29T10:20:00.000-07:00

The start attribute in an OL start tag is used to start the numbering sequence at a particular number. You can use the VALUE attribute in an LI tag to restart the numbering sequence at a particular number.

For Example: First start the numbering sequence at 3, and the restart it at 8, then enter the following commands.

OL STRAT=”3”>

LI> This Should Be Numbered AS 3.

LI> This Should Be Numbered AS 4.

LI VALUE=”8”> This Should Be Numbered As 8.

LI> This Should Be Numbered As 9.

/OL>

The numbering sequence will be started or restarted using the current TYPE attribute value.

Controlling The Display of Unordered List, How To Make An Unordered List In HTML

2010-04-29T09:58:00.000-07:00

Specifying a Billet Type: The TYPE attribute cab be used to specify the type of bullet for an unordered list. The value that you can use with the TYPE attribute are “disc”, “circle”, and “square”. Only Navigator recognizes this attribute.

Example:

HEAD>

TITLE> My First Web Page /TITLE>

/HEAD>

BODY>

UL TYPE=”SQUARE”>

LI> SOFTWARE

UL TYPE=”DISC”>

LI> Computer Concepts

LI> MS- Windows

LI> MS- Excel

LI> MS-Word

LI> Fox pro

/UL>

LI> Hardware

UL TYPE=”CIRCLE”>

LI> CPU

LI> Hard Devices

LI> Input Devices

LI> Hard Disk

LI> Floppy Disk

/UL>

/UL>

/BODY>

/HTML>

Create Definition Lists, How To Create Defination List In HTML

2010-04-29T09:42:00.000-07:00

The DL (definition Lists) tag allows you to create glossaries or list of terms and definitions. A glossary consists of three tag elements: a tag to define the list (DL), a tag to define the term (DT), and a tag to define the definitions (DD).

Example:

HTML>

HEAD>

TITLE> Definition List /TITLE>

BODY>

DL>

DT> Hardware

DD> Is defined as physical or tangible equipment associated with computer system. Example of hardware are CENTRAL PROCESSING UNIT, Input Devices, Output Devices and Secondary Storage Devices.

DT> Software

DD> Is a set of Programs. /DT> Peripherals

DD> Equipments connected around the CPU.

/BODY>

/HTML>

Linking To a file or Data Object, How To Link HTML Files

2010-04-29T09:34:00.000-07:00

You can from an HTML link to anything on the web that has an address, or URL. You can jump to Australia, or simply to a file residing in your own directory on your own server. To create a hypertext link that jumps to a file that is not in your own directory, Include the entire URL of the file to which you want to jump.

Example:

P> Click Here To Jump To a href=”SUB.HTML”> Subdocument /a>

Linking To Non WWW Files

2010-04-29T09:10:00.000-07:00

You can link to files other than just HTML files. Generally, your browser should be able to directly display any ASCII text file, Whether on a Web or a Gopher server and should also be able to display ZGIF or JPEG graphics. Other kinds of files might requires viewers or players, such as sound animation, or videos files. One of the newest things, however, is support for steaming audio and animation with Real Audio or Shockwave, Which allows audio and animation clips to be streamed (Played while being download) rather than download first and then played.

Create Same Page Linking In HTML, Link In Same Page Code

2010-04-28T09:02:00.000-07:00

Linking To a Place In The Same HTML File

To link to another place in the same HTML file requires both an HREF anchor and a NAME anchor. An HREF anchor that links to a NAME anchor has a special from:

a href=”#anchorname”> anchortext /a>

Notice the # symbol. In an HREF anchor, the # symbol is the only thing that identifies the HREF attribute as the name of a NAME anchor rather than an address of file name. (The # symbol combined with the following anchorname some times is also called as a fragment identifier)

The common user for linking HREF and NAME anchor on the same page are:
• A directory or table of contents that links to the major heading of a page.

• Cross – references between different points in the text.

• Links to footnotes at the bottom of the page

The following is an example of creating a directory or table of contents that will be displayed at the top of the Web page and that will then link to subheading sections in the same documents.

HTML>

HEAD>

TITLE> Linking Page /TITLE>

/HEAD>

BODY>

H2> Using Hypertext links /H2>

P>

a href=”#page”> Linking To a Another Page or File /a> br>

a href=”#Locat”> Linking To a Place on The Same Page/a> br>

a href=”Locpg”> Linking To a Place on Another Page /a> br>

H3> a name=”Page”> Linking To Another Page or File /a> /H3>

P>

You can from a link with anything on the web that has an address or URL.

br>

H3> a name=”Locat”> Linking To a Place on The Same Page /a> /H3>

You can form a link with another place on the same page by linking an href and a name anchor

br>

H3> a href=”Locpg”> Linking To A Place On Another Page a> /H3>

p> You can not only link to another HTML file, but to a place in that file

/BODY>

/HTML>

Linking To Another Page, How To Link To Aother Page In HTML

2010-04-28T08:29:00.000-07:00

Linking To a Place In Another HTML File

You not only can make a hypertext link with another HTML file, but also with a place in that HTML file, as long as you mark it with a NAME anchor. An HREF anchor that links to a place in another HTML file.

a href=”address#anchorname”> Anchortext /a>

This actually combines the forms for linking to another page and linking to a place on a page. First, the link is made to the address, which is either a URL or file name of an HTML file and then following the # sign, the link is made to the place in that file that is marked by the NAME anchor corresponding to the anohorname.

P> Go To a href=”sub.html#parttwo”> Part Two /a> of the a href=”sun.html”> How to use links /a> web page.

Example:

Go To Part Two of the How to use links web page.

How To Create Link List, Linked List Creation

2010-04-28T08:21:00.000-07:00

Creating Link Lists

A link list is just what it sounds link – a list of hypertext links, usually bulleted, but sometimes numbered. Because link lists are are so universal, everybody should know how to create them. To create a simple link list, all you have to do is combine an unordered list and some hypertext links.

Creating a Simple Link List
In the simplest form of a link list, the text of each link comprises the entries list item. Other the link text simply is the title of a Web page being linked, although sometimes a little editing is necessary to more informative. No other explanatory or descriptive text in include.

Example:

HTML>

HEAD>

TITLE> Link List /TITLE>

/HEAD>

BODY>

H2>Courses /H2>

UL>

LI> a href=”dca.htm”> DCA /a>

LI> a href=”pg.htm”> PG Diploma /a>

LI> a href=”advance.htm”> Advanced Courses /a>

/UL>

/BODY>

/HTML>

Inserting Inline Images, How To Insert Inline Images

2010-04-27T02:39:00.000-07:00

The IMG (image) tag allows you to display inline on your Web page. The term inline simply means that an image that an image is inserted at a particular location, “ in a line,” within a Web page.

The most commonly used image format for inline image is the GIF image as inline image. Not all current graphical Web browser support the JPEG graphics format, which provides file compression and more colors than GIF.

The IMG (image) tag is an empty or stand-alone, document element.

Syntax:

IMG SRC=”imagefile”>

The SRC (source) attribute is a required is a attribute that identifies the full or partial address (URL) or just the name of the file to display.

Example:

P> The inline graphics, FLOWERS.GIF, is displayed here:

P> img scr=”FLOWERS.GIF”>

A p tag is placed in front of the IMG tag. The IMG tag dose not from a new block elements here and would appear on the same line as the text that precedes it (that is, unless you added the P tag here). In this case, however, you want the image to appear below the line of text.

Using the ALT Attribute

You use the ALT attribute to provide an alternative to an image in the case of someone using a text-only browser or using graphical browser with image turned off. The capability of turning off the display images to help pages load faster.

Example:

The inline graphics, FLOWERS.GIF, is displayed here:

Using the ALIGN Attribute In Inline Graphics, Inline Alignment

2010-04-27T02:22:00.000-07:00

The ALIGN attribute allows you to position an inline images relative to the line of text that it is on. All current graphical Web browser recognize these values: “top”, ”middle” and “bottom.”

Example:

P> The image on this line IMG ALIGN=”TOP” SCR=”FLOWERS.GIF” is top-aligned.

P> The image on this line IMG ALIGN=”MIDDLE” SRC=”FLOWERS.GIF” is middle-aligned.

P> The image on this line IMG ALIGN=”BOTTOM” SRC=”FLOWER.GIF” is bottom-aligned.

Height and Width of an Inline Image, Image Setting In HTML

2010-04-27T02:09:00.000-07:00

Setting the Height and Width of an Inline Image

The height and width of an inline image can be specified. Normally, a Web Browser has to download an image before if allocates space for it on a Web page. This means that if you have a relatively large graphic, everything else has to wait until the image download.

If you set the dimension of the graphic using the Height and Width attribute of the IMG tag, the browser can allocate space for the graphic, and then display the remainder of the page without waiting for the graphic to download completely.

Example:

IMG SCR=”FLOWERS.GIF” WIDTH=”100%”>

This will resize the graphics to fit horizontally within a browser windows, regardless of the screen resolution or the width of the browser. The height of the image will also be resized correspondingly.

Creating Image Links In HTML, How To Make Image Links In HTML

2010-04-27T01:52:00.000-07:00

Including an Image In a Link

Beside text, you can also include an inline image inside a hypertext link, which causes the image to display a blue border, indicating that it is a hypertext link that you or your user can click and activate.

Example:

P> a href=”sub.html”> IMG SCR=”FLOWERS.GIF”> Both the image and the text is a link” /a>

Controlling the Border Around an Image Link

The default width of the border around an image link is 2 pixels. The IMG tag’s BRODER attribute allows you to specify a custom width for the broder.

Example:

P> a href=”sub.html”>

IMG SCR=”FLOWERS.GIF”> BRODER=”10”> The border has been increased to 10 pixels. /a>

Horizontal Rules In HTML, HR Tag In HTML

2010-04-27T01:38:00.000-07:00

The HR (Horizontal Rules) tag is a stand-alone, or empty, documents elements that allows you to add horizontal rules to your Web pages.

Changing the Height of a Horizontal Rule

To change the height of a horizontal rule , the SIZE attribute value in the HR tag can be used. The values you set is the rule’s height, or thickness, in pixels. The following example is used for creating a horizontal rule that 10 pixels thick.

Example:

P> This is a normal rule:

HR>

P> This is a 10-pixel thick horizontal:

HR SIZE=”10”>

Shaded and Unshaded, Shaded Colors In HTML

2010-04-27T00:55:00.000-07:00

Changing Between Shaded and Unshaded Horizontal Rule

The default setting for a rule is “shaded”. To set “unshaded” horizontal rule, add the NOSHADE attribute to the HR tag.

Example:

P> This is an unshaded, 15-pixel thick horizontal rule:

HR SIZE=”15 NOSHADE”>

Changing the Width of a Horizontal Rule

You can also change the width of a horizontal rule, either by setting the width in actual pixels or by specifying a percentage of the total width of the browser window. By default, horizontal rules are centered in the browser window. Following is an example of creating a 15-pixel sized horizontal rule with a width that is 75 percent of a browser’s window.

Example:

P> This is a 75% wide, unshaded, 15-pixel thick horizontal rule:

HR WIDTH =75%”SIZE=”15” NOSHADE>

Setting the Alignment of a Horizontal Rule

The ALIGN attribute in the HR tag is used to left-align or right-align a horizontal rule (center-alignment is the default).

Example:

P> This is a left-aligned, 50% wide,20%-pixel thick horizontal rule (Shaded)

HR ALIGN=”LEFT” WIDTH=”50%” SIZE=”20”>

How To Use Address In HTML, HTML Address Tag

2010-04-27T00:45:00.000-07:00

The address tag is used to define a signature block for Web page. It might contain your name, title, organizational or business affiliation, as well as information on how to contact you. A horizontal rule usually separates an address from the rest of a Web page.

Example:

HTML>

HEAD>

TITLE> How To Create Web Site /TITLE>

/HEAD>

BODY>

The internet mainly connects networks of computers. In a corporate wide networks, each department has a local Area Network that allows sharing of files, database, printing and other peripheral devices.

HR>

ADDRESS>

GOOGLE, MICROSOT, ETC
USA

a href=”mail to: abc@yahoo.com”> E-Mail Us /a> br>

/ADDRESS>

/BODY>

/HTML>

The mailto: protocol can also be used with HREF tag. When the user clicks this link, the default mail system is activated. E-Mail id specified with Mailto: is automatically placed in the ‘To:’ Text box as show.

Working With Text In HTML, How To Highlight Text In HTML

2010-04-27T00:11:00.000-07:00

This section covers additional features available while working with text, including text highlighting tag and right or right or center aligning paragraphs, headings, and other documents sections

Text Highlighting Tags: HTML recognizes a number of additional character rendering tags, including the SUP (Superscript), SUB (Subscript), U (Underline), and STRIKE (Strikethrough) tags.

The SUP and SUB tags are highly useful tags that you should use wherever you need superscript or subscript. The STRIKE command is more limited to using the Web in workgroup document preparation processes, rather than for displaying final renditions. The U tags is used for underline a word.

Example:

HTML>

HEAD>

TITLE> My First Web Page /TITLE>

/HEAD>

BODY>

P> This is a regular text. SUP> Use SUP for Superscripts. /SUP> This is regular text. SUB> Use SUB for subscripts. /SUB> This is a regular text. U> Use U for underlining. /U> This is a regular text. STRIKE> Use Strike for Strike through /STRIKE>

/BODY>

/HTML>

Text Alignment In HTML, How To Use Alignment

2010-04-26T23:48:00.000-07:00

You can align paragraphs, headings and other document division in a number of ways. You can use the ALIGN attribute with paragraphs or headings to center-align, right-align, or left-align these elements.

Using the ALIGN Attribute in Heading and Paragraphs

The Align attribute is used to center-align, or right-align headings and paragraphs by using an attribute value of either “center” or “right”.

Example:

To center align a level-two heading

H2> ALIGN=”CENTER”> Your Heading Here /H2>

To right-align level-two heading

H2> ALIGN=”RIGHT”> Your Heading Here /H2>

Center Text and Other Elements Using the Center Tag

The CENTER element is used to center-align text and other document elements.

Example:

HTML>

HEAD>

TITLE> My Web Page /TITLE>

/HEAD>

BODY>

CENTER>

H2> Level-Two-Heading /H2>

P> This paragraphs, and the level-two heading above it, is center using the center tag.

UL>

LI> First list item

LI> Second list item

/UL>

/CENTER>

/BODY>

/HTML>

Changing Font Size and Colors, How To Change Font Size and Color

2010-04-26T23:24:00.000-07:00

The font tag allows you to specify the size and color of a section of text

Setting Font Size

The FONT tag use the SIZE attribute to change the size of a font. You can set font size using absolute or relative size values.

Setting Absolute Font Size

There are seven “absolute” (or fixed) size, numbered from 1 to 7, that you can set using the SIZE attribute of the FONT tag. The default is 3, which is the same as regular paragraph text 1 is the smallest and 7 is the largest, which means you can set two absolute font size that are smaller than normal paragraph text and four size that are larger. Each Web browser determines the actual size of these fonts.

Example:

HTML>

HEAD>

TITLE> My Web Page /TITLE>

/HEAD>

BODY>

P>

FONT SIZE=”1”> Font Size1. /FONT> BR>

FONT SIZE=”2”> Font Size2. /FONT> BR>

FONT SIZE=”3”> Font Size3. /FONT> BR>

FONT SIZE=”4”> Font Size4. /FONT> BR>

FONT SIZE=”5”> Font Size5. /FONT> BR>

FONT SIZE=”6”> Font Size6. /FONT> BR>

FONT SIZE=”7”> Font Size7. /FONT> BR>

/BODY>

/HTML>

Setting Relative Font Sizes

You can set “relative” font sizes. Relative font size changes are indicated by either a plus (+) or (-) sign preceding the SIZE attribute value. For instance, FONT SIZE=”+1” indicates a font size that is one size larger than the base font. Because the default base font is the same as an absolute font size of 3, a relative font of +1 would be the same as an absolute font size of 4 (3+1=4).

Example:

P>

font size=”-2”> Font Size -2. /font> br>

Setting the Base Font

The BASEFONT tag allows you to change the size of the “base font” (paragraph text). You can set it to any of the absolute font size, 1 though 7 (3 is the default).

Example:

BASEFONT SIZE=”4”>

Using The Small and Big Tags

2010-04-26T23:12:00.000-07:00

The simplest form of using these tags is to specify a font that is smaller or larger than the default text font (or base font ).

Example:

P> SMALL> This is a small font. /SMALL>

This is a normal font

BIG> This is a big font. /BIG>

The SMALL font is the same as a font set with the FONT tag’s size=”2” attribute value and the BIG font is the same as font set with the FONT tag’s SIZE=”4” attribute value. (The default text font is the same as the FONT tag’s SIZE=”3” Attribute value.)