CST(68)-Structure of HTML

The HTML document has two parts  Head  Body Lets us now create a basic HTML document. <HTML> <HEAD>…..</HEAD> <B...

The HTML document has two parts
  1.  Head
  2.  Body
Lets us now create a basic HTML document.


Here the <HEAD> is used to specify the key aspects of the document, and <BODY> contains text and objects to display in the readers browser.


We can use two commonly used tags…<TITLE> & <META>.

We now introduce a tag called<TITLE>, which is a header tag used to display title of the document in the document head. This tag is also used in pairs<TITLE>…. </TITLE>

The <META> tag, which is also a header tag, used to display basic data regarding the content of the website or of that particular web page. Meta tags can have 3 extensions..

Content, HTTP-EQUIV and NAME


Most of the programming is done in this section, which will be seen on the readers browser. This section may have lot of tags to present the content in the intended manner. The concept here to be concentrated is on very good structure and a clean simple flow of program. We now introduce the most commonly used tags in body section.


             <TITLE>My first web</TITLE>
             <META HTTP-EQUIV=”keywords” CONTENT=”hardware, software”>
             <META NAME=”author” CONTENT=coolg@yahoo.com>

To manually shift line as per requirement we can use two more tags named <BR>and<P>

<BR> tags refer the browser to make a break of the referred line.
<P> tags refers the browser to give a shift requires after paragraph(tag is in pair)


There are certain keywords, which are to highlight in a bunch of text to text to make the word stand apart.

We will be using tags like BOLD, ITALICS, UNDERLINE, TYPEWRITER


<B>this is bold statement</B>
<I>this is an Italic statement</I>
<U>this is an Underlined statement</U>
<TT>this is a monospaced type statement</TT>


This referred as one of the most useful and best tags available on web. This tag helps us in changing or follows the document flow in the website.

<A HREF=”first.html”>My first Web Page</A>This is an example for referring a file in the folder.

Here ‘A’ is called anchor and HREF is an hyperlink reference for the pointer in the browser or the specification of the document address.


The Tag <IMG SRC = “filename.extn”>

Here IMG refers to image and SRC refers source …extn specified here can be any image file format like .gif, *.jpg, *.bmp etc…

The tag also supports ALT, ALIGN, WIDTH, HEIGHT, BORDER

ALT – gives an option to explain what the image is.
ALIGN – specifies the image to be left, right or center.
WIDTH – interprets the browser to display the image in a specified width.
HEIGHT – interprets the browser to display the image in a specified height.


<IMG SRC=”*.GIF” ALT=”This is an image” ALIGN=”center” WIDTH=”100” HEIGHT=”100”>


These are the most useful tools in publishing a document. The most commonly used lists are Bulleted lists, Numbered lists.

Bulleted lists uses <UL><LI>…</LI></UL> here UL refers unordered list and LI refers the item tag.

Numbered Lists uses <OL><LI>….</LI></OL> here OL refers as an Ordered list.


The BODY tag can also be used to make the WebPages more elegant with some of these tags. BGCOLOR, BACKGROUND, TEXT, VLINK, ALINK,LINK.

LINK= “blue” – this attribute specifies the color for unvisited.
ALINK=”red” – this attribute specifies the color for active links.
VLINK=”green” – this attribute specifies the color for the visited links.


<HTML><HEAD> <TITLE>Body attributes</TITLE></HEAD>
<CENTER> My First Web</CENTER>


The programmer to decide on which font or color specifically uses this tag or size the document presented should be. It is better if we go more with the actually used fonts around the world.


<FONT FACE=”name of the font” SIZE=5 COLOR=”RED”>…..</FONT>


Tables are basically used to organize data in a set of rows an columns. But in recent times most of the website extensively uses the concept of tables in their design.


Here <TR> specifies that it is the table rows, and <TD>specifies the table division.

<TABLE>structure can have

BORDER=”10” – Specifies the width of pixels for the attribute
CELLPADDING=”2” - Specifies the spacing within the data cells.
CELLSPACING=”2” - Specifies the spacing between the data cells.
WIDTH=”100%” – Specifies the amount of space to be used by the programmer in the screen


This enables the user to create document in multiple windows. We can add scroll bar to the frame and let user to manipulate the size of the frame and add permanent headers and footers.


         <FRAMESET ROWS=”30%,70%”>
                         <FRAMESET COLS=”50%,50%” >
                                        <FRAME SRC=”first.html”>
                                        <FRAME SRC=”second.html”>
                         <FRAME SRC=”third.html”>

Other <FRAME> tag attributes are

<FRAMEBORDER> this tag will help us in removing the thin border.

If you want to know some specific thoughts from your client you can also use the <FORM> tag with details requirements inside.

Best Online Tutorials | Source codes | Programming Languages: CST(68)-Structure of HTML
CST(68)-Structure of HTML
Best Online Tutorials | Source codes | Programming Languages
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content