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

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>

Structure of HTML Documents, How to use HTML Tag

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.

Formatting Your Text, Formatting Text In HTML

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>

Inserting Inline Images, How To Insert Inline Images

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:

How To Use Address In HTML, HTML Address Tag

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.

Paragraph and Line Break Tags, Break Tag In HTML

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