36
{\rtf1\ansi\ansicpg1252\uc2 \deff0 \deflang1033{\fonttbl{\f0\froman\fcharset0\fprq2{\*\panose 02020603050405020304}Times New Roman;} {\f1\fswiss\fcharset0\fprq2{\*\panose 020b0604020202020204}Arial;}} {\colortbl;\red0\green0\blue0;\red118\green146\blue60;\red0\ green112\blue192;\red54\green95\blue145;\red227\green108\blue10;\ red79\green129\blue189;} {\info{\author hellopdf.com Inc}{\operator hellopdf.com Inc} {\creatim\yr2007\mo12\dy11\hr12\min0} {\revtim\yr2007\mo12\dy11\hr12\min0}{\version4} {\edmins15}{\nofpages8}{\nofwords0}{\nofchars0}{\vern77}} \paperw15662\paperh25920 \margl0\margr0\margt0\margb0 \viewkind1\viewscale100 \sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\ posx2303\posy8241\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\ wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\ pichgoal333 28000000020000000200000001002000000000000000000000000000000000000 00000000000000000000000000000000000000000000000}\par}{\pard \qj\ phpg\pvpg\posx2303\posy8599\dfrmtxtx142\dfrmtxty0{\pict\ dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\ picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000 00000000000000000000000000000000000000000000000}\par}{\pard \qj\ phpg\pvpg\posx2303\posy8931\dfrmtxtx142\dfrmtxty0{\pict\ dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\ picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000 00000000000000000000000000000000000000000000000}\par}{\pard \qj\ phpg\pvpg\posx2303\posy9623\dfrmtxtx142\dfrmtxty0{\pict\ dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\ picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000 00000000000000000000000000000000000000000000000}\par}{\pard \qj\ phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\ expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\ posx10953\posy882\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs22\expnd5\

web technologiesUnit 1

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: web technologiesUnit 1

{\rtf1\ansi\ansicpg1252\uc2 \deff0 \deflang1033{\fonttbl{\f0\froman\fcharset0\fprq2{\*\panose 02020603050405020304}Times New Roman;} {\f1\fswiss\fcharset0\fprq2{\*\panose 020b0604020202020204}Arial;}} {\colortbl;\red0\green0\blue0;\red118\green146\blue60;\red0\green112\blue192;\red54\green95\blue145;\red227\green108\blue10;\red79\green129\blue189;} {\info{\author hellopdf.com Inc}{\operator hellopdf.com Inc} {\creatim\yr2007\mo12\dy11\hr12\min0} {\revtim\yr2007\mo12\dy11\hr12\min0}{\version4} {\edmins15}{\nofpages8}{\nofwords0}{\nofchars0}{\vern77}} \paperw15662\paperh25920 \margl0\margr0\margt0\margb0 \viewkind1\viewscale100 \sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\posx2303\posy8241\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx2303\posy8599\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx2303\posy8931\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx2303\posy9623\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\posx10953\posy882\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WEB TECHNOLOGIES}\b0\par}{\pard \qj\phpg\pvpg\posx12950\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch ]}\b0\par}{\pard \qj\phpg\pvpg\posx13309\posy882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 4CSE1}\par}{\pard \qj\phpg\pvpg\posx7370\posy1561\dfrmtxtx0\dfrmtxty0{\cf3\f0\fs50\expnd5\expndtw-1\kerning0\loch Unit 1}\par}{\pard \qj\phpg\pvpg\posx1970\posy2596\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs37\expnd5\expndtw-1\kerning0\loch HYPERTEXT MARKUP LANGUAGE (HTML)}\b0\par}{\pard \qj\phpg\pvpg\posx1919\posy3544\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\

Page 2: web technologiesUnit 1

kerning0\loch HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core}\par}{\pard \qj\phpg\pvpg\posx1919\posy3876\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch technologies for building Web pages. HTML provides the}\par}{\pard \qj\phpg\pvpg\posx8446\posy3876\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch structure}\i0 \par}{\pard \qj\phpg\pvpg\posx9495\posy3876\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch of the page, CSS the (visual and aural)}\par}{\pard \qj\phpg\pvpg\posx1919\posy4209\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch layout,}\i0 \par}{\pard \qj\phpg\pvpg\posx2712\posy4209\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch for a variety of devices. Along with graphics and scripting, HTML and CSS are the basis of building}\par}{\pard \qj\phpg\pvpg\posx1919\posy4568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Web pages and Web Applications.}\par}{\pard \qj\phpg\pvpg\posx1944\posy5247\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch What is HTML?}\b0\par}{\pard \qj\phpg\pvpg\posx1919\posy6001\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch HTML is the language for describing the structure of Web pages. It is a special kind of text document that}\par}{\pard \qj\phpg\pvpg\posx1919\posy6334\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch is used by Web browsers to present text and graphics. The text includes markup tags such as <p> to}\par}{\pard \qj\phpg\pvpg\posx1919\posy6692\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch indicate the start of a paragraph, and </p> to indicate the end of a paragraph. HTML documents are often}\par}{\pard \qj\phpg\pvpg\posx1919\posy7025\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch referred to as "Web pages". The browser retriev es Web pages from Web servers. HTML gives authors the}\par}{\pard \qj\phpg\pvpg\posx1919\posy7383\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch means to:}\par}{\pard \qj\phpg\pvpg\posx2840\posy8074\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Publish online documents with headings, text, tables, lists, photos, etc.}\par}{\pard \qj\phpg\pvpg\posx2840\posy8433\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Retrieve online information via hypertext links, at the click of a button.}\par}{\pard \qj\phpg\pvpg\posx2840\posy8766\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Design forms for conducting transactions with remote services, for use in searching for}\par}{\pard \qj\phpg\pvpg\posx2840\posy9098\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch information, making reservations, ordering products, etc.}\par}{\pard \qj\phpg\pvpg\posx2840\posy9456\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Include spread-sheets, video clips, sound clips, and other applications directly in their documents.}\par}{\pard \qj\phpg\pvpg\posx1919\posy10147\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch With HTML, authors describe the structure of pages using markup. The elements of the language label}\par}{\pard \qj\phpg\pvpg\posx1919\

Page 3: web technologiesUnit 1

posy10480\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch pieces of content such as paragraph, list, table, and so on If the file extension is ".html" or ".htm"}\par}{\pard \qj\phpg\pvpg\posx1919\posy10839\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch then the browser will recognize it as HTML.}\par}{\pard \qj\phpg\pvpg\posx1944\posy11543\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch What is XHTML?}\b0\par}{\pard \qj\phpg\pvpg\posx1919\posy12272\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch XHTML is a variant of HTML that uses the syntax of XML, the Extensible Markup Language. XHTML has all}\par}{\pard \qj\phpg\pvpg\posx1919\posy12630\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch the same elements (for paragraphs, etc.) as the HTML variant, but the syntax is slightly different. Because}\par}{\pard \qj\phpg\pvpg\posx1919\posy12962\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch XHTML is an XML application, you can use other XML tools with it (such as XSLT, a language for}\par}{\pard \qj\phpg\pvpg\posx1919\posy13321\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch transforming XML content).}\par}{\pard \qj\phpg\pvpg\posx1944\posy13974\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs34\expnd5\expndtw-1\kerning0\loch Main HTML elements:}\b0\par}{\pard \qj\phpg\pvpg\posx2404\posy14767\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch 1.}\par}{\pard \qj\phpg\pvpg\posx2840\posy14806\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch DOCTYPE}\b0\par}{\pard \qj\phpg\pvpg\posx3428\posy15177\dfrmtxtx0\dfrmtxty0{\cf5\f0\fs30\expnd5\expndtw-1\kerning0\loch :}\par}{\pard \qj\phpg\pvpg\posx2840\posy15215\dfrmtxtx0\dfrmtxty0{\cf5\f0\fs27\expnd5\expndtw-1\kerning0\loch Tag}\par}{\pard \qj\phpg\pvpg\posx3583\posy15215\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch <!DOCTYPE ...>}\par}{\pard \qj\phpg\pvpg\posx2840\posy15650\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Use this tag if you want to use an SGML/HTML validator. Otherwise, this tag is of little use. The}\par}{\pard \qj\phpg\pvpg\posx2840\posy16061\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch <!DOCTYPE ...> declaration (technically it's not a "tag") should be the v ery first thing in your}\par}{\pard \qj\phpg\pvpg\posx2840\posy16444\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch document... if you choose to use it at all. <!DOCTYPE ...> tells the browser what version of HTML}\par}{\pard \qj\phpg\pvpg\posx2840\posy16828\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch you are writing in. More specifically, <!DOCTYPE ...> declares that this document conforms to a}\par}{\pard \qj\phpg\pvpg\posx2840\posy17238\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch specific version of HTML, and specifies what version that is.}\par}{\pard \qj\phpg\pvpg\posx4836\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Y.Lakshmi, Assistant Professor, Department of Computer Science and Engineering, VNR VJIET}\par}{\pard \qj\phpg\pvpg\posx13821\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\

Page 4: web technologiesUnit 1

loch 1}\par}{ \sect}\sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\posx10953\posy882\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WEB TECHNOLOGIES}\b0\par}{\pard \qj\phpg\pvpg\posx12950\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch ]}\b0\par}{\pard \qj\phpg\pvpg\posx13309\posy882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 4CSE1}\par}{\pard \qj\phpg\pvpg\posx3147\posy1445\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN" >}\par}{\pard \qj\phpg\pvpg\posx3147\posy1906\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"}\par}{\pard \qj\phpg\pvpg\posx3147\posy2212\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch "http://www.w3.org/TR/REC-html40/strict.dtd">}\par}{\pard \qj\phpg\pvpg\posx2404\posy2584\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch 2.}\par}{\pard \qj\phpg\pvpg\posx2840\posy2623\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Comments}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy3032\dfrmtxtx0\dfrmtxty0{\cf5\f0\fs27\expnd5\expndtw-1\kerning0\loch Tag:}\par}{\pard \qj\phpg\pvpg\posx3556\posy3032\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch <!-- -->}\par}{\pard \qj\phpg\pvpg\posx3019\posy3620\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <!-- Creation Date: June 21, 1996 -->}\par}{\pard \qj\phpg\pvpg\posx3019\posy3928\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <!-- Modifications: -->}\par}{\pard \qj\phpg\pvpg\posx3019\posy4235\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <!-- Sep 26, 1996: Added Links to Steve's Page -->}\par}{\pard \qj\phpg\pvpg\posx3019\posy4543\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <!-- Oct 10, 1996: Updated product list -->}\par}{\pard \qj\phpg\pvpg\posx2840\posy5156\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch <!-- --> will even "comment out" other tags. Everything is commented out until the closing -->}\par}{\pard \qj\phpg\pvpg\posx3019\posy5873\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <!-- <IMG SRC="biguglypumpkin.gif" ALT="pumpkin"> -->}\par}{\pard \qj\phpg\pvpg\posx3019\posy6180\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <IMG SRC="pumpkin.gif" ALT="pumpkin">}\par}{\pard \qj\phpg\pvpg\posx2379\posy6846\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch 3.}\par}{\pard \qj\phpg\pvpg\posx2840\posy6846\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch HTML}\b0\par}{\pard \qj\phpg\pvpg\posx3684\posy6846\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch every HTML document should have a enclosing HTML element, a HEAD (TITLE required)}\par}{\pard \qj\phpg\pvpg\posx2840\posy7255\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch and a BODY}\par}{\pard \qj\phpg\pvpg\posx2840\posy7665\

Page 5: web technologiesUnit 1

dfrmtxtx0\dfrmtxty0{\cf5\f0\fs27\expnd5\expndtw-1\kerning0\loch Tag:}\par}{\pard \qj\phpg\pvpg\posx3480\posy7665\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch <HTML>}\par}{\pard \qj\phpg\pvpg\posx2840\posy8074\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Put <HTML> at the beginning and end of your document. Everything in the document goes inside}\par}{\pard \qj\phpg\pvpg\posx2840\posy8483\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch <HTML>, except that <!DOCTYPE ...> (if you choose to use it) goes just before <HTML>.}\par}{\pard \qj\phpg\pvpg\posx3019\posy9047\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <HTML>}\par}{\pard \qj\phpg\pvpg\posx3019\posy9379\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <HEAD> <TITLE>My Home Page</TITLE> </HEAD>}\par}{\pard \qj\phpg\pvpg\posx3019\posy9687\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <BODY> <H1>My Home Page</H1> Hi There! </BODY>}\par}{\pard \qj\phpg\pvpg\posx3019\posy9994\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </HTML>}\par}{\pard \qj\phpg\pvpg\posx2379\posy10608\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 4.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy10608\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch HEAD}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy10967\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Within <HTML>, the document has two sections to it: <HEAD> and <BODY ...>. <HEAD> is like the}\par}{\pard \qj\phpg\pvpg\posx2840\posy11376\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch cover page of the document. Just as the cover page of a book contains information about the}\par}{\pard \qj\phpg\pvpg\posx2840\posy11760\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch book (such as the title), the <HEAD> section contains information about the document. This}\par}{\pard \qj\phpg\pvpg\posx2840\posy12169\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch information is communicated through the <TITLE> tag (which is required) and the <LINK ...> and}\par}{\pard \qj\phpg\pvpg\posx2840\posy12553\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch <META ...> tags.}\par}{\pard \qj\phpg\pvpg\posx3300\posy12937\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3761\posy12937\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Title}\par}{\pard \qj\phpg\pvpg\posx3300\posy13346\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3761\posy13346\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Optional}\par}{\pard \qj\phpg\pvpg\posx4324\posy13730\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4683\posy13730\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BASE hides the current address and pretends to be the one specified in the}\par}{\pard \qj\phpg\pvpg\posx4683\posy14141\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch base tag}\par}{\pard \qj\phpg\

Page 6: web technologiesUnit 1

pvpg\posx4248\posy14525\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy14525\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch META description of the page where name and content are to be specified}\par}{\pard \qj\phpg\pvpg\posx4196\posy14934\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy14934\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BGSOUND embeds a background sound}\par}{\pard \qj\phpg\pvpg\posx4196\posy15318\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iv.}\par}{\pard \qj\phpg\pvpg\posx4683\posy15318\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch SCRIPT, NOSCRIPT to implement script}\par}{\pard \qj\phpg\pvpg\posx4248\posy15727\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch v.}\par}{\pard \qj\phpg\pvpg\posx4683\posy15727\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch STYLE to implement styles}\par}{\pard \qj\phpg\pvpg\posx4196\posy16111\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch vi.}\par}{\pard \qj\phpg\pvpg\posx4683\posy16111\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch LINK for linking the external style sheets}\par}{\pard \qj\phpg\pvpg\posx4836\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Y.Lakshmi, Assistant Professor, Department of Computer Science and Engineering, VNR VJIET}\par}{\pard \qj\phpg\pvpg\posx13821\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 2}\par}{ \sect}\sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\posx10953\posy882\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WEB TECHNOLOGIES}\b0\par}{\pard \qj\phpg\pvpg\posx12950\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch ]}\b0\par}{\pard \qj\phpg\pvpg\posx13309\posy882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 4CSE1}\par}{\pard \qj\phpg\pvpg\posx2610\posy1445\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <HEAD>}\par}{\pard \qj\phpg\pvpg\posx2610\posy1753\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <TITLE> sample </TITLE>}\par}{\pard \qj\phpg\pvpg\posx2610\posy2059\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <BASE HREF="http://www.webmasterworld.com/forum30/34004.htm">}\par}{\pard \qj\phpg\pvpg\posx2610\posy2392\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <META NAME =" sample " CONTENT="sample html code">}\par}{\pard \qj\phpg\pvpg\posx2610\posy2699\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <EMBED SRC="D:\\HTML\\sample\\light.MP3">}\par}{\pard \qj\phpg\pvpg\posx2610\posy3007\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LINK REL="stylesheet" HREF="D:\\ HTML\\sample\\k.css" TYPE="text/css">}\par}{\pard \qj\phpg\pvpg\posx2610\posy3314\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <STYLE>}\par}{\pard \qj\phpg\pvpg\

Page 7: web technologiesUnit 1

posx2610\posy3620\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch H1}\par}{\pard \qj\phpg\pvpg\posx2610\posy3953\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch \{ color:green;}\par}{\pard \qj\phpg\pvpg\posx2610\posy4260\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch border: thin groove;}\par}{\pard \qj\phpg\pvpg\posx2610\posy4568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch text-align: center;}\par}{\pard \qj\phpg\pvpg\posx2610\posy4875\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch \}}\par}{\pard \qj\phpg\pvpg\posx2610\posy5183\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </STYLE>}\par}{\pard \qj\phpg\pvpg\posx2610\posy5514\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </HEAD>}\par}{\pard \qj\phpg\pvpg\posx2379\posy6232\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 5.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy6232\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch BODY}\b0\par}{\pard \qj\phpg\pvpg\posx3300\posy6616\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3761\posy6616\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch HTML attributes and attribute values}\par}{\pard \qj\phpg\pvpg\posx4324\posy7000\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4683\posy7000\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BACKGROUND back ground picture}\par}{\pard \qj\phpg\pvpg\posx4248\posy7409\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy7409\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BGCOLOR background color}\par}{\pard \qj\phpg\pvpg\posx4196\posy7793\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy7793\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch TEXT text color}\par}{\pard \qj\phpg\pvpg\posx4196\posy8202\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iv.}\par}{\pard \qj\phpg\pvpg\posx4683\posy8202\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch LINK, VLINK, ALINK link, visited link, active link colors}\par}{\pard \qj\phpg\pvpg\posx4248\posy8586\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch v.}\par}{\pard \qj\phpg\pvpg\posx4683\posy8586\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Onload, OnUnload, OnFocus, OnBlur events}\par}{\pard \qj\phpg\pvpg\posx2815\posy9200\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <BODY BACKGROUND="D:\\ HTML\\sample \\NATURE.JPG" BGCOLOR="PINK" TEXT="RED"}\par}{\pard \qj\phpg\pvpg\posx2815\posy9507\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch LINK="BLUE" ALINK="YELLOW" VLINK="GREEN" class="k">}\par}{\pard \qj\phpg\pvpg\posx3275\posy9815\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch -}\par}{\pard \qj\phpg\pvpg\posx3736\posy9815\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch - - - - -}\par}{\pard \qj\phpg\pvpg\posx3275\posy10122\dfrmtxtx0\dfrmtxty0{\cf1\f0\

Page 8: web technologiesUnit 1

fs22\expnd5\expndtw-1\kerning0\loch -}\par}{\pard \qj\phpg\pvpg\posx3736\posy10122\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch - - - - -}\par}{\pard \qj\phpg\pvpg\posx2815\posy10686\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </BODY>}\par}{\pard \qj\phpg\pvpg\posx1944\posy11261\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs34\expnd5\expndtw-1\kerning0\loch Block-Level Elements:}\b0\par}{\pard \qj\phpg\pvpg\posx2379\posy12067\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 1.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy12067\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Headings}\b0\par}{\pard \qj\phpg\pvpg\posx3300\posy12425\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3761\posy12425\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch H1 H6 6 different headers}\par}{\pard \qj\phpg\pvpg\posx3300\posy12834\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3761\posy12834\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Align left, right, center, justify}\par}{\pard \qj\phpg\pvpg\posx3096\posy13398\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <H1 ALIGN=center > hallo </H1>}\par}{\pard \qj\ phpg\pvpg\posx3096\posy13730\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <H2> hallo </H2>}\par}{\pard \qj\phpg\pvpg\posx3096\posy14038\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <H3> hallo </H3>}\par}{\pard \qj\phpg\pvpg\posx3096\posy14345\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <H4> hallo </H4>}\par}{\pard \qj\phpg\pvpg\posx3096\posy14653\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <H5> hallo </H5>}\par}{\pard \qj\phpg\pvpg\posx3096\posy14959\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <H6> hallo </H6>}\par}{\pard \qj\phpg\pvpg\posx2379\posy15446\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 2.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy15446\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Basic Text Sections}\b0\par}{\pard \qj\phpg\pvpg\posx3300\posy15805\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3761\posy15805\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch P indicates the beginning of a new paragraph}\par}{\pard \qj\phpg\pvpg\posx3300\posy16214\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3761\posy16214\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ALIGN left, right, center, justify}\par}{\pard \qj\phpg\pvpg\posx3300\posy16598\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch c.}\par}{\pard \qj\phpg\pvpg\posx3761\posy16598\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch PRE -- "preformatted" -- all the spaces and carriage returns are rendered exactly as typed}\par}{\pard \qj\phpg\pvpg\posx3300\posy17007\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch d.}\par}{\pard \qj\phpg\pvpg\posx3761\posy17007\dfrmtxtx0\

Page 9: web technologiesUnit 1

dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ADDRESS -- denotes contact information for the author or organization of the web site}\par}{\pard \qj\phpg\pvpg\posx4836\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Y.Lakshmi, Assistant Professor, Department of Computer Science and Engineering, VNR VJIET}\par}{\pard \qj\phpg\pvpg\posx13821\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 3}\par}{ \sect}\sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\posx10953\posy882\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WEB TECHNOLOGIES}\b0\par}{\pard \qj\phpg\pvpg\posx12950\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch ]}\b0\par}{\pard \qj\phpg\pvpg\posx13309\posy882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 4CSE1}\par}{\pard \qj\phpg\pvpg\posx2763\posy1497\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <P ALIGN="right"> HTML is the language for describing the structure of Web pages. It is a}\par}{\pard \qj\phpg\pvpg\posx2763\posy1803\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch special kind of text document that is used by Web browsers to present text and graphics}\par}{\pard \qj\phpg\pvpg\posx2763\posy2111\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <PRE>}\par}{\pard \qj\phpg\pvpg\posx2763\posy2418\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch A}\par}{\pard \qj\phpg\pvpg\posx2763\posy2724\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch A A}\par}{\pard \qj\phpg\pvpg\posx2763\posy3058\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch A B A}\par}{\pard \qj\phpg\pvpg\posx2763\posy3364\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </PRE>}\par}{\pard \qj\phpg\pvpg\posx2763\posy3672\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <ADDRESS> US Geological Survey, California, United States of America </ADDRESS>}\par}{\pard \qj\phpg\pvpg\posx2379\posy4287\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 3.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy4287\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Lists}\b0\par}{\pard \qj\phpg\pvpg\posx3300\posy4671\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3761\posy4671\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch OL ordered list. Bullets type can be specified}\par}{\pard \qj\phpg\pvpg\posx9392\posy4671\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch a, I, i, 1 etc}\par}{\pard \qj\phpg\pvpg\posx3300\posy5055\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3761\posy5055\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch LI list item}\par}{\pard \qj\phpg\pvpg\posx3787\posy5668\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <OL TYPE="a">}\par}{\pard \qj\phpg\pvpg\posx3787\posy5976\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LI>one</LI>}\par}

Page 10: web technologiesUnit 1

{\pard \qj\phpg\pvpg\posx3787\posy6282\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LI>two</LI>}\par}{\pard \qj\phpg\pvpg\posx3787\posy6590\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LI>three</LI>}\par}{\pard \qj\phpg\pvpg\posx3787\posy6897\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </OL>}\par}{\pard \qj\phpg\pvpg\posx3300\posy7434\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch c.}\par}{\pard \qj\phpg\pvpg\posx3761\posy7434\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch UL unordered list. Bullets type can be specified}\par}{\pard \qj\phpg\pvpg\posx9674\posy7434\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch square, circle etc}\par}{\pard \qj\phpg\pvpg\posx3300\posy7818\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch d.}\par}{\pard \qj\phpg\pvpg\posx3761\posy7818\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch LI list item}\par}{\pard \qj\phpg\pvpg\posx3787\posy8355\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <UL TYPE="square">}\par}{\pard \qj\phpg\pvpg\posx3787\posy8663\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LI>tin</LI>}\par}{\pard \qj\phpg\pvpg\posx3787\posy8995\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LI>tun</LI>}\par}{\pard \qj\phpg\pvpg\posx3787\posy9303\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LI>twin</LI>}\par}{\pard \qj\phpg\pvpg\posx3787\posy9610\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </UL>}\par}{\pard \qj\phpg\pvpg\posx3300\posy10174\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch e.}\par}{\pard \qj\phpg\pvpg\posx3761\posy10174\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch DL data list}\par}{\pard \qj\phpg\pvpg\posx3300\posy10583\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch f.}\par}{\pard \qj\phpg\pvpg\posx3761\posy10583\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch DT data term}\par}{\pard \qj\phpg\pvpg\posx3300\posy10967\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch g.}\par}{\pard \qj\phpg\pvpg\posx3761\posy10967\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch DD data definition}\par}{\pard \qj\phpg\pvpg\posx3787\posy11453\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <DL>}\par}{\pard \qj\phpg\pvpg\posx3787\posy11785\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <DT> vampire <DD> beautiful}\par}{\pard \qj\phpg\pvpg\posx3787\posy12093\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <DT> dragon <DD> awesome}\par}{\pard \qj\phpg\pvpg\posx3787\posy12400\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </DL>}\par}{\pard \qj\phpg\pvpg\posx2379\posy12912\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 4.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy12912\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Tables and Forms}\b0\par}{\pard \qj\phpg\pvpg\posx3300\posy13296\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3761\

Page 11: web technologiesUnit 1

posy13296\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Table Element Attributes:}\par}{\pard \qj\phpg\pvpg\posx4324\posy13680\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4683\posy13680\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ALIGN values are}\par}{\pard \qj\phpg\pvpg\posx7166\posy13680\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch LEFT (default), RIGHT, CENTER}\par}{\pard \qj\phpg\pvpg\posx4248\posy14089\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy14089\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BORDER width in pixels of the border around the table. Default value 0 (visible}\par}{\pard \qj\phpg\pvpg\posx4683\posy14473\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch 3D divider between cells being turned off)}\par}{\pard \qj\phpg\pvpg\posx4196\posy14882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy14882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch CELLSPACING gives space in pixels between adjacent cells (0 3D line if}\par}{\pard \qj\phpg\pvpg\posx4683\posy15266\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BORDER is nonzero, otherwise empty space in the background color is used).}\par}{\pard \qj\phpg\pvpg\posx4683\posy15677\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Default value is 3}\par}{\pard \qj\phpg\pvpg\posx4196\posy16061\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iv.}\par}{\pard \qj\phpg\pvpg\posx4683\posy16061\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch CELLPADDING determines the empty space in pixels, between the cell s border}\par}{\pard \qj\phpg\pvpg\posx4683\posy16470\dfrmtxtx0\ dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch and the table element. Default value 1}\par}{\pard \qj\phpg\pvpg\posx4248\posy16854\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch v.}\par}{\pard \qj\phpg\pvpg\posx4683\posy16854\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch WIDTH specifies the width of the table wither in pixels or as a percentage of}\par}{\pard \qj\phpg\pvpg\posx4683\posy17238\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch the current browser window width}\par}{\pard \qj\phpg\pvpg\posx4196\posy17647\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch vi.}\par}{\pard \qj\phpg\pvpg\posx4683\posy17647\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BGCOLOR specifies the background color of the table}\par}{\pard \qj\phpg\pvpg\posx4836\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Y.Lakshmi, Assistant Professor, Department of Computer Science and Engineering, VNR VJIET}\par}{\pard \qj\phpg\pvpg\posx13821\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 4}\par}{ \sect}\sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\posx10953\posy882\dfrmtxtx0\

Page 12: web technologiesUnit 1

dfrmtxty0{\b\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WEB TECHNOLOGIES}\b0\par}{\pard \qj\phpg\pvpg\posx12950\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch ]}\b0\par}{\pard \qj\phpg\pvpg\posx13309\posy882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 4CSE1}\par}{\pard \qj\phpg\pvpg\posx4120\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch vii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BORDERCOLOR border color}\par}{\pard \qj\phpg\pvpg\posx4068\posy2084\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch viii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy2084\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BACKGROUND an image can be tiled as the background of the table}\par}{\pard \qj\phpg\pvpg\posx3300\posy2468\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3761\posy2468\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Table CAPTION}\par}{\pard \qj\phpg\pvpg\posx4324\posy2879\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4683\posy2879\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Attribute}\par}{\pard \qj\phpg\pvpg\posx5144\posy3263\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch 1.}\par}{\pard \qj\phpg\pvpg\posx5604\posy3263\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ALIGN Values}\par}{\pard \qj\phpg\pvpg\posx7678\posy3263\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch TOP, BOTTOM}\par}{\pard \qj\phpg\pvpg\posx3300\posy3672\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch c.}\par}{\pard \qj\phpg\pvpg\posx3761\posy3672\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Table ROW}\par}{\pard \qj\phpg\pvpg\posx4324\posy4056\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4683\posy4056\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch TR used to define each row in the table}\par}{\pard \qj\phpg\pvpg\posx4248\posy4440\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy4440\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Every row in turn contains TH or TD entries}\par}{\pard \qj\phpg\pvpg\posx4196\posy4849\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy4849\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ALIGN used to set default horizontal alignment for table cells. Values}\par}{\pard \qj\phpg\pvpg\posx13078\posy4849\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch LEFT,}\par}{\pard \qj\phpg\pvpg\posx4683\posy5233\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch RIGHT, CENTER}\par}{\pard \qj\phpg\pvpg\posx4196\posy5642\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iv.}\par}{\pard \qj\phpg\pvpg\posx4683\posy5642\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch VALIGN used to set default vertical alignment for

Page 13: web technologiesUnit 1

table cells. Values}\par}{\pard \qj\phpg\pvpg\posx12925\posy5642\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch TOP,}\par}{\pard \qj\phpg\pvpg\posx4683\posy6026\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch MIDDLE, BOTTOM}\par}{\pard \qj\phpg\pvpg\posx4248\posy6436\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch v.}\par}{\pard \qj\phpg\pvpg\posx4683\posy6436\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BGCOLOR sets the color of the table row. Overrides any value set for the whole}\par}{\pard \qj\phpg\pvpg\posx4683\posy6820\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch table}\par}{\pard \qj\phpg\pvpg\posx4196\posy7230\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch vi.}\par}{\pard \qj\phpg\pvpg\posx4683\posy7230\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BORDERCOLOR}\par}{\pard \qj\phpg\pvpg\posx3300\posy7614\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch d.}\par}{\pard \qj\phpg\pvpg\posx3761\posy7614\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Table Cells TH and TD}\par}{\pard \qj\phpg\pvpg\posx4324\posy7998\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4683\posy7998\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ROWSPAN defines the heading or cell data entry that spans multiple rows.}\par}{\pard \qj\phpg\pvpg\posx4683\posy8407\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch Similar to COLSPAN}\par}{\pard \qj\phpg\pvpg\posx4248\posy8791\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy8791\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ALIGN LEFT, RIGHT, CENTER, JUSTIFY, and CHAR}\par}{\pard \qj\phpg\pvpg\posx4196\posy9200\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy9200\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch VALIGN TOP, BOTTOM, MIDDLE}\par}{\pard \qj\phpg\pvpg\posx4196\posy9584\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iv.}\par}{\pard \qj\phpg\pvpg\posx4683\posy9584\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch WIDTH, HEIGHT values in pixels only (no percentages allowed)}\par}{\pard \qj\phpg\pvpg\posx4248\posy9994\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch v.}\par}{\pard \qj\phpg\pvpg\posx4683\posy9994\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch BGCOLOR, BACKGROUND}\par}{\pard \qj\phpg\pvpg\posx2943\posy10531\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <TABLE ALIGN="right" BODER="4" CELLSPACING="2" CELLPADDING="2" WIDTH="50%" HEIGHT="50%"}\par}{\pard \qj\phpg\pvpg\posx2943\posy10864\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch BGCOLOR="magenta" BORDERCOLOR="red" BACKGROUND="D:\\HTML\\sample\\1.JPG">}\par}{\pard \qj\phpg\pvpg\posx2943\posy11171\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <THEAD> Indian Cabinet</ THEAD >}\par}{\pard \qj\phpg\pvpg\posx2943\posy11479\

Page 14: web technologiesUnit 1

dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <CAPTION ALIGN="bottom"> Table 3 Portfolio s and Ministers </CAPTION>}\par}{\ pard \qj\phpg\pvpg\posx2943\posy12093\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <TH> Portfolio </th> <th> Minister </TH>}\par}{\pard \qj\phpg\pvpg\posx2943\posy12425\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch ----}\par}{\pard \qj\phpg\pvpg\posx2943\posy12733\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <TR> <TD>Ministry of Defence</TD> <TD>General A.K.Antony </TD> </TR>}\par}{\pard \qj\phpg\pvpg\posx2943\posy13040\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <TR> <TD>Ministry of Law and Order</TD> <TD> Veerappa Moili </TD> </TR>}\par}{\pard \qj\phpg\pvpg\posx2943\posy13346\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch -----}\par}{\pard \qj\phpg\pvpg\posx2943\posy13654\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <TFOOT><TR> <TD COLSPAN=2 ALIGN= center>As on 10-07-2010</TD></TR></TFOOT>}\par}{\pard \qj\phpg\pvpg\posx2943\posy13986\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </TABLE>}\par}{\pard \qj\phpg\pvpg\posx2379\posy14550\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 5.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy14550\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Others}\b0\par}{\pard \qj\phpg\pvpg\posx3327\posy14895\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3787\posy14895\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch BR (explicit line break)}\par}{\pard \qj\phpg\pvpg\posx3300\posy15343\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3761\posy15343\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch HR horizontal rule}\par}{\pard \qj\phpg\pvpg\posx4324\posy15753\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4683\posy15753\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch NOSHADE removes the shading effect of the line}\par}{\pard \qj\phpg\pvpg\posx4248\posy16137\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy16137\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch ALIGN left, right, center}\par}{\pard \qj\phpg\pvpg\posx4196\posy16546\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iii.}\par}{\pard \qj\phpg\pvpg\posx4683\posy16546\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch WIDTH in percentage}\par}{\pard \qj\phpg\pvpg\posx4196\posy16930\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch iv.}\par}{\pard \qj\phpg\pvpg\posx4683\posy16930\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch SIZE size of the line}\par}{\pard \qj\phpg\pvpg\posx3684\posy17672\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch HR LIGN= center WIDTH= 30% SIZE=100 NOSH DE}\par}{\pard \qj\phpg\pvpg\posx4836\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Y.Lakshmi,

Page 15: web technologiesUnit 1

Assistant Professor, Department of Computer Science and Engineering, VNR VJIET}\par}{\pard \qj\phpg\pvpg\posx13821\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 5}\par}{ \sect}\sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\posx2456\posy15407\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy15714\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal359 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy16047\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy16380\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy16712\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy17020\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal359 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy17352\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy17686\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy18017\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal333

Page 16: web technologiesUnit 1

28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2456\posy18325\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal283\pichgoal359 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\posx10953\posy882\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WEB TECHNOLOGIES}\b0\par}{\pard \qj\phpg\pvpg\posx12950\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch ]}\b0\par}{\pard \qj\phpg\pvpg\posx13309\posy882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 4CSE1}\par}{\pard \qj\phpg\pvpg\posx3300\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch c.}\par}{\pard \qj\phpg\pvpg\posx3761\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch DIV defines a block of content in the page}\par}{\pard \qj\phpg\pvpg\posx2840\posy2290\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <DIV STYLE="color:white; FONT-FAMILY:arial; FONT-WEIGHT:bold; FONT-STYLE:italic" >}\par}{\pard \qj\phpg\pvpg\posx2840\posy2596\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch HTML provides the structure of the page, CSS the (visual and aural) layout, for a variety of devices}\par}{\pard \qj\phpg\pvpg\posx2840\posy2904\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </DIV>}\par}{\pard \qj\phpg\pvpg\posx3300\posy3391\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch d.}\par}{\pard \qj\phpg\pvpg\posx3761\posy3391\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch CENTER indicates a section that is centered}\par}{\pard \qj\phpg\pvpg\posx3480\posy4081\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <CENTER>}\par}{\pard \qj\phpg\pvpg\posx3480\posy4415\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Hi There! Let's talk about stuff!}\par}{\pard \qj\phpg\pvpg\posx3480\posy4721\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </CENTER>}\par}{\pard \qj\phpg\pvpg\posx1970\posy5311\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs37\expnd5\expndtw-1\kerning0\loch Text-Level Elements:}\b0\par}{\pard \qj\phpg\pvpg\posx2404\posy6168\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch 1.}\par}{\pard \qj\phpg\pvpg\posx2840\posy6206\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Physical Character Styles}\b0\par}{\pard \qj\phpg\pvpg\posx3327\posy6552\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3787\posy6552\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch B bold}\par}{\pard \qj\phpg\pvpg\posx3327\posy6986\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3787\posy6986\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch I italic}\par}{\

Page 17: web technologiesUnit 1

pard \qj\phpg\pvpg\posx3327\posy7422\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch c.}\par}{\pard \qj\phpg\pvpg\posx3787\posy7422\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch U underline}\par}{\pard \qj\phpg\pvpg\posx3327\posy7857\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch d.}\par}{\pard \qj\phpg\pvpg\posx3787\posy7857\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch SUB subscript}\par}{\pard \qj\phpg\pvpg\posx3327\posy8291\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch e.}\par}{\pard \qj\phpg\pvpg\posx3787\posy8291\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch SUP superscript}\par}{\pard \qj\phpg\pvpg\posx3327\posy8702\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch f.}\par}{\pard \qj\phpg\pvpg\posx3787\posy8702\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch SMALL makes text small}\par}{\pard \qj\phpg\pvpg\posx3327\posy9136\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch g.}\par}{\pard \qj\phpg\pvpg\posx3787\posy9136\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch BIG makes text big}\par}{\pard \qj\phpg\pvpg\posx3327\posy9571\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch h.}\par}{\pard \qj\phpg\pvpg\posx3787\posy9571\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch STRIKE/S strike out}\par}{\pard \qj\phpg\pvpg\posx3327\posy10007\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx3787\posy10007\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch FONT paired tag}\par}{\pard \qj\phpg\pvpg\posx4324\posy10442\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4708\posy10442\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch SIZE size of the font}\par}{\pard \qj\phpg\pvpg\posx4273\posy10877\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4708\posy10877\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch COLOR color of the font}\par}{\pard \qj\phpg\pvpg\posx4196\posy11312\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch iii.}\par}{\pard \qj\phpg\pvpg\posx4708\posy11312\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch FACE typestyle for the font}\par}{\pard \qj\phpg\pvpg\posx2379\posy11735\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 2.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy11735\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Logical Character Styles}\b0\par}{\pard \qj\phpg\pvpg\posx3327\posy12105\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3787\posy12105\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch EM emphasize}\par}{\pard \qj\phpg\pvpg\posx3327\posy12541\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3787\posy12541\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch STRONG makes the text stronger than the surrounding text}\par}{\pard \qj\phpg\pvpg\

Page 18: web technologiesUnit 1

posx3327\posy12976\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch c.}\par}{\pard \qj\phpg\pvpg\posx3787\posy12976\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch CODE indicates the text is a program code}\par}{\pard \qj\phpg\pvpg\posx3327\posy13410\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch d.}\par}{\pard \qj\phpg\pvpg\posx3787\posy13410\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch SAMPindicates that the text is an example of something}\par}{\pard \qj\phpg\pvpg\posx3327\posy13821\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch e.}\par}{\pard \qj\phpg\pvpg\posx3787\posy13821\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch DFN indicates the definition of a word/term}\par}{\pard \qj\phpg\pvpg\posx3327\posy14256\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch f.}\par}{\pard \qj\phpg\pvpg\posx3787\posy14256\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch VAR indicates a variable from a computer program}\par}{\pard \qj\phpg\pvpg\posx3327\posy14690\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch g.}\par}{\pard \qj\phpg\pvpg\posx3787\posy14690\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch CITE indicates reference to work}\par}{\pard \qj\phpg\pvpg\posx2994\posy15318\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch I}\par}{\pard \qj\phpg\pvpg\posx3122\posy15318\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <B>}\i0 \par}{\pard \qj\phpg\pvpg\posx3506\posy15318\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch really}\par}{\pard \qj\phpg\pvpg\posx4095\posy15318\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </B>}\i0 \par}{\pard \qj\phpg\pvpg\posx4580\posy15318\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch like this idea.}\par}{\pard \qj\phpg\pvpg\posx2994\posy15625\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch The law does not}\par}{\pard \qj\phpg\pvpg\posx4836\posy15625\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <I>}\i0 \par}{\pard \qj\phpg\pvpg\posx5144\posy15625\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch per se}\par}{\pard \qj\phpg\pvpg\posx5784\posy15625\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </I>}\i0 \par}{\pard \qj\phpg\pvpg\posx6218\posy15625\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch require that action.}\par}{\pard \qj\phpg\pvpg\posx2994\posy15958\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch My favorite book is}\par}{\pard \qj\phpg\pvpg\posx5067\posy15958\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <U>}\i0 \par}{\pard \qj\phpg\pvpg\posx5476\posy15958\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch To Kill a Mockingbird}\par}{\pard \qj\phpg\pvpg\posx7651\posy15958\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </U>}\i0 \par}{\pard \qj\phpg\pvpg\posx2994\posy16290\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch When I visited W}\par}{\pard \qj\phpg\pvpg\posx4785\posy16290\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\

Page 19: web technologiesUnit 1

loch <SUP>}\i0 \par}{\pard \qj\phpg\pvpg\posx5450\posy16290\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 3}\par}{\pard \qj\phpg\pvpg\posx5578\posy16290\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </SUP>}\i0 \par}{\pard \qj\phpg\pvpg\posx6346\posy16290\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch C, I stopped by the H}\par}{\pard \qj\phpg\pvpg\posx8497\posy16290\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <SUB>}\i0 \par}{\pard \qj\phpg\pvpg\posx9187\posy16290\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 2}\par}{\pard \qj\phpg\pvpg\posx9315\posy16290\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </SUB>}\i0 \par}{\pard \qj\phpg\pvpg\posx10083\posy16290\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch O fountain.}\par}{\pard \qj\phpg\pvpg\posx2994\posy16623\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch HEY,}\par}{\pard \qj\phpg\pvpg\posx3531\posy16623\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <SMALL>}\i0 \par}{\pard \qj\phpg\pvpg\posx4479\posy16623\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch SMALL}\par}{\pard \qj\phpg\pvpg\posx5195\posy16623\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </SMALL>}\i0 \par}{\pard \qj\phpg\pvpg\posx6244\posy16623\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WORLD.}\par}{\pard \qj\phpg\pvpg\posx2994\posy16930\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch This is a really}\par}{\pard \qj\phpg\pvpg\posx4504\posy16930\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <BIG>}\i0 \par}{\pard \qj\phpg\pvpg\posx5119\posy16930\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch big}\par}{\pard \qj\phpg\pvpg\posx5450\posy16930\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </BIG>}\i0 \par}{\pard \qj\phpg\pvpg\posx6168\posy16930\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch idea!}\par}{\pard \qj\phpg\pvpg\posx2994\posy17263\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch I}\par}{\pard \qj\phpg\pvpg\posx3122\posy17263\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <B>}\i0 \par}{\pard \qj\phpg\pvpg\posx3506\posy17263\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch really}\par}{\pard \qj\phpg\pvpg\posx4095\posy17263\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </B>}\i0 \par}{\pard \qj\phpg\pvpg\posx4580\posy17263\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch like this idea.}\par}{\pard \qj\phpg\pvpg\posx2994\posy17596\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch The law does not}\par}{\pard \qj\phpg\pvpg\posx4836\posy17596\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <I>}\i0 \par}{\pard \qj\phpg\pvpg\posx5144\posy17596\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch per se}\par}{\pard \qj\phpg\pvpg\posx5784\posy17596\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </I>}\i0 \par}{\pard \qj\phpg\pvpg\posx6218\posy17596\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\

Page 20: web technologiesUnit 1

kerning0\loch require that action.}\par}{\pard \qj\phpg\pvpg\posx2994\posy17928\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch My favorite book is}\par}{\pard \qj\phpg\pvpg\posx5067\posy17928\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <U>}\i0 \par}{\pard \qj\phpg\pvpg\posx5476\posy17928\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch To Kill a Mockingbird}\par}{\pard \qj\phpg\pvpg\posx7651\posy17928\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </U>}\i0 \par}{\pard \qj\phpg\pvpg\posx4836\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Y.Lakshmi, Assistant Professor, Department of Computer Science and Engineering, VNR VJIET}\par}{\pard \qj\phpg\pvpg\posx13821\posy18568\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 6}\par}{ \sect}\sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\posx2660\posy8547\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx2660\posy8931\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx2660\posy9674\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx2660\posy10416\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx7959\posy8547\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx7959\posy9290\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal359 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx7959\posy10058\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333

Page 21: web technologiesUnit 1

2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx7959\posy10800\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000000000000000000000000000000000000000000000000000000}\par}{\pard \qj\phpg\pvpg\posx2328\posy1765\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy2098\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy2431\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy2763\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy3071\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal359 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy3403\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal359 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy3736\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy4683\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 2800000002000000020000000100200000000000000000000000000000000

Page 22: web technologiesUnit 1

0000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy5016\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy5348\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal333 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx2328\posy5656\dfrmtxtx142\dfrmtxty0{\pict\dibitmap0\wbmbitspixel32\wbmplanes1\wbmwidthbytes8\picw2\pich2\picwgoal257\pichgoal359 28000000020000000200000001002000000000000000000000000000000000000000000000000000faffff00faffff00faffff00faffff00}\par}{\pard \qj\phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\posx10953\posy882\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WEB TECHNOLOGIES}\b0\par}{\pard \qj\phpg\pvpg\posx12950\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch ]}\b0\par}{\pard \qj\phpg\pvpg\posx13309\posy882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 4CSE1}\par}{\pard \qj\phpg\pvpg\posx2866\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch When I visited W}\par}{\pard \qj\phpg\pvpg\posx4632\posy1675\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <SUP>}\i0 \par}{\pard \qj\phpg\pvpg\posx5297\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 3}\par}{\pard \qj\phpg\pvpg\posx5425\posy1675\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </SUP>}\i0 \par}{\pard \qj\phpg\pvpg\posx6193\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch C, I stopped by the H}\par}{\pard \qj\phpg\pvpg\posx8369\posy1675\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <SUB>}\i0 \par}{\pard \qj\phpg\pvpg\posx9034\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 2}\par}{\pard \qj\phpg\pvpg\posx9162\posy1675\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </SUB>}\i0 \par}{\pard \qj\phpg\pvpg\posx9930\posy1675\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch O fountain.}\par}{\pard \qj\phpg\pvpg\posx2866\posy2008\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch HEY,}\par}{\pard \qj\phpg\pvpg\posx3403\posy2008\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <SMALL>}\i0 \par}{\pard \qj\phpg\pvpg\posx4351\posy2008\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch SMALL}\par}{\pard \qj\phpg\pvpg\posx5041\posy2008\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </SMALL>}\i0 \par}{\pard \qj\phpg\pvpg\posx6090\posy2008\dfrmtxtx0\

Page 23: web technologiesUnit 1

dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WORLD.}\par}{\pard \qj\phpg\pvpg\posx2866\posy2340\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch This is a really}\par}{\pard \qj\phpg\pvpg\posx4351\posy2340\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <BIG>}\i0 \par}{\pard \qj\phpg\pvpg\posx4991\posy2340\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch big}\par}{\pard \qj\phpg\pvpg\posx5297\posy2340\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </BIG>}\i0 \par}{\pard \qj\phpg\pvpg\posx6014\posy2340\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch idea!}\par}{\pard \qj\phpg\pvpg\posx2866\posy2674\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch I love}\par}{\pard \qj\phpg\pvpg\posx3480\posy2674\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <S>INDIA</S>}\i0 \par}{\pard \qj\phpg\pvpg\posx2866\posy2980\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch The witness was}\par}{\pard \qj\phpg\pvpg\posx5323\posy2980\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <EM>}\i0 \par}{\pard \qj\phpg\pvpg\posx5937\posy2980\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch not even there}\par}{\pard \qj\phpg\pvpg\posx8087\posy2980\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </EM>}\i0 \par}{\pard \qj\phpg\pvpg\posx8855\posy2980\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch at the time.}\par}{\pard \qj\phpg\pvpg\posx2866\posy3314\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch I}\par}{\pard \qj\phpg\pvpg\posx2994\posy3314\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <STRONG>}\i0 \par}{\pard \qj\phpg\pvpg\posx4095\posy3314\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch highly recommend}\par}{\pard \qj\phpg\pvpg\posx6065\posy3314\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </STRONG>}\i0 \par}{\pard \qj\phpg\pvpg\posx7267\posy3314\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Butch for the job.}\par}{\pard \qj\phpg\pvpg\posx2866\posy3647\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <CODE>}\i0 \par}{\pard \qj\phpg\pvpg\posx2866\posy3953\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch # open the listing file<BR> unless ( open(MYDATA, "data.txt") )<BR> \{die "couldn't open data file\\n"\}}\par}{\pard \qj\phpg\pvpg\posx2866\posy4260\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </CODE>}\i0 \par}{\pard \qj\phpg\pvpg\posx2866\posy4593\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch If the file starts with}\par}{\pard \qj\phpg\pvpg\posx5016\posy4593\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <SAMP>}\i0 \par}{\pard \qj\phpg\pvpg\posx5886\posy4593\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch nph-}\par}{\pard \qj\phpg\pvpg\posx6372\posy4593\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </SAMP>}\i0 \par}{\pard \qj\phpg\pvpg\posx7319\posy4593\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch then the web server passes all output straight to the socket.}\

Page 24: web technologiesUnit 1

par}{\pard \qj\phpg\pvpg\posx2866\posy4927\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch A}\par}{\pard \qj\phpg\pvpg\posx3071\posy4927\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <DFN>}\i0 \par}{\pard \qj\phpg\pvpg\posx3761\posy4927\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch spud}\par}{\pard \qj\phpg\pvpg\posx4273\posy4927\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </DFN>}\i0 \par}{\pard \qj\phpg\pvpg\posx5067\posy4927\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch is potato.}\par}{\pard \qj\phpg\pvpg\posx2866\posy5259\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch The variable}\par}{\pard \qj\phpg\pvpg\posx4196\posy5259\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <VAR>}\i0 \par}{\pard \qj\phpg\pvpg\posx4888\posy5259\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch m_head}\par}{\pard \qj\phpg\pvpg\posx5732\posy5259\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </VAR>}\i0 \par}{\pard \qj\phpg\pvpg\posx6500\posy5259\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch stores the entire header string.}\par}{\pard \qj\phpg\pvpg\posx2866\posy5566\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Sources:}\par}{\pard \qj\phpg\pvpg\posx2866\posy5898\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <UL>}\par}{\pard \qj\phpg\pvpg\posx2866\posy6206\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LI>}\par}{\pard \qj\phpg\pvpg\posx3275\posy6206\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <CITE>}\i0 \par}{\pard \qj\phpg\pvpg\posx3992\posy6206\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Report on Space Management}\par}{\pard \qj\phpg\pvpg\posx7166\posy6206\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </CITE>}\i0 \par}{\pard \qj\phpg\pvpg\posx7959\posy6206\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch , Butch Saul, 1997}\par}{\pard \qj\phpg\pvpg\posx2866\posy6513\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <LI><C}\par}{\pard \qj\phpg\pvpg\posx3556\posy6513\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch ITE>}\i0 \par}{\pard \qj\phpg\pvpg\posx3992\posy6513\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Consumer Perceptions}\par}{\pard \qj\phpg\pvpg\posx6346\posy6513\dfrmtxtx0\dfrmtxty0{\i\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </CITE>}\i0 \par}{\pard \qj\phpg\pvpg\posx7140\posy6513\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch , Ben Hall, 1963}\par}{\pard \qj\phpg\pvpg\posx2866\posy6820\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </UL>}\par}{\pard \qj\phpg\pvpg\posx2379\posy7281\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 3.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy7281\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Hypertext Links}\b0\par}{\pard \qj\phpg\pvpg\posx3327\posy7651\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3787\posy7651\dfrmtxtx0\

Page 25: web technologiesUnit 1

dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch A}\par}{\pard \qj\phpg\pvpg\posx3224\posy8343\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch HREF: URL you are linking to}\par}{\pard \qj\phpg\pvpg\posx8522\posy8343\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch onClick: script to run when the user}\par}{\pard \qj\phpg\pvpg\posx3224\posy8727\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch NAME: name a section of the}\par}{\pard \qj\phpg\pvpg\posx8522\posy8727\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch clicks on this anchor}\par}{\pard \qj\phpg\pvpg\posx3224\posy9086\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch page}\par}{\pard \qj\phpg\pvpg\posx8522\posy9086\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch onMouseOver: when the mouse is}\par}{\pard \qj\phpg\pvpg\posx3224\posy9470\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch TARGET: which window the}\par}{\pard \qj\phpg\pvpg\posx8522\posy9470\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch over the link}\par}{\pard \qj\phpg\pvpg\posx3224\posy9854\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch document should go in}\par}{\pard \qj\phpg\pvpg\posx8522\posy9854\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch onMouseOut: when the mouse is no}\par}{\pard \qj\phpg\pvpg\posx3224\posy10211\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch TITLE: suggested title for the}\par}{\pard \qj\phpg\pvpg\posx8522\posy10211\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch longer over the link}\par}{\pard \qj\phpg\pvpg\posx3224\posy10595\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch document to be opened}\par}{\pard \qj\phpg\pvpg\posx8522\posy10595\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch ACCESSKEY}\par}{\pard \qj\phpg\pvpg\posx2404\posy11671\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch <A ...> is the cornerstone of HTML, the tag that makes hypertext hypertext. <A ...> is the}\par}{\pard \qj\phpg\pvpg\posx2404\posy12055\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch tag you use to make hyperlinks: the text that you can click on in your web browser to go}\par}{\pard \qj\phpg\pvpg\posx2404\posy12439\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch to another web page.}\par}{\pard \qj\phpg\pvpg\posx2507\posy13245\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch < A HREF=" mywebpage.html" >My Web Page</A> produces}\par}{\pard \qj\phpg\pvpg\posx8753\posy13245\dfrmtxtx0\dfrmtxty0{\cf6\f0\fs22\expnd5\expndtw-1\kerning0\loch My Web Page}\par}{\pard \qj\phpg\pvpg\posx2379\posy13910\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch 4.}\b0\par}{\pard \qj\phpg\pvpg\posx2840\posy13910\dfrmtxtx0\dfrmtxty0{\b\cf4\f0\fs27\expnd5\expndtw-1\kerning0\loch Images}\b0\par}{\pard \qj\phpg\pvpg\posx3327\posy14281\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch a.}\par}{\pard \qj\phpg\pvpg\posx3787\posy14281\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch IMG}\par}{\pard \qj\phpg\pvpg\posx4324\posy14717\dfrmtxtx0\

Page 26: web technologiesUnit 1

dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4708\posy14717\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch SRC (required) path of the image}\par}{\pard \qj\phpg\pvpg\posx4273\posy15126\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4708\posy15126\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch ALT alternative image [path of the alternative image]}\par}{\pard \qj\phpg\pvpg\posx4196\posy15561\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch iii.}\par}{\pard \qj\phpg\pvpg\posx4708\posy15561\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch ALIGNleft, right, center}\par}{\pard \qj\phpg\pvpg\posx4196\posy15997\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch iv.}\par}{\pard \qj\phpg\pvpg\posx4708\posy15997\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch WIDTH width of the image}\par}{\pard \qj\phpg\pvpg\posx4273\posy16431\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch v.}\par}{\pard \qj\phpg\pvpg\posx4708\posy16431\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch HEIGHT height of the image}\par}{\pard \qj\phpg\pvpg\posx4196\posy16866\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch vi.}\par}{\pard \qj\phpg\pvpg\posx4708\posy16866\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch HSPACE horizontal distance between the picture and the text}\par}{\pard \qj\phpg\pvpg\posx4120\posy17302\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch vii.}\par}{\pard \qj\phpg\pvpg\posx4708\posy17302\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch VSPACE vertical distance between the picture and the text}\par}{\pard \qj\phpg\pvpg\posx4043\posy17736\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch viii.}\par}{\pard \qj\phpg\pvpg\posx4708\posy17736\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch BORDER border around the picture}\par}{\pard \qj\phpg\pvpg\posx4196\posy18145\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch ix.}\par}{\pard \qj\phpg\pvpg\posx4708\posy18145\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch USEMAP --}\par}{\pard \qj\phpg\pvpg\posx6090\posy18184\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs27\expnd5\expndtw-1\kerning0\loch name of the map definition}\par}{\pard \qj\phpg\pvpg\posx4836\posy19848\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Y.Lakshmi, Assistant Professor, Department of Computer Science and Engineering, VNR VJIET}\par}{\pard \qj\phpg\pvpg\posx13821\posy19848\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 7}\par}{ \sect}\sectd \pgwsxn15662\pghsxn25920\linex0 {\pard \qj\phpg\pvpg\posx10877\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch [}\b0\par}{\pard \qj\phpg\pvpg\posx10953\posy882\dfrmtxtx0\dfrmtxty0{\b\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch WEB TECHNOLOGIES}\b0\par}{\pard \qj\phpg\pvpg\posx12950\posy882\dfrmtxtx0\dfrmtxty0{\b\cf2\f0\fs22\expnd5\expndtw-1\kerning0\loch ]}\b0\par}{\pard \qj\phpg\pvpg\posx13309\posy882\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch

Page 27: web technologiesUnit 1

4CSE1}\par}{\pard \qj\phpg\pvpg\posx3327\posy1663\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch b.}\par}{\pard \qj\phpg\pvpg\posx3787\posy1663\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch Image Map: It is a process of creating an image into individual clickable}\par}{\pard \qj\phpg\pvpg\posx3787\posy2098\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch elements so that user can click at anywhere of the image, and the respective}\par}{\pard \qj\phpg\pvpg\posx3787\posy2532\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch portion s html page is going to open}\par}{\ pard \qj\phpg\pvpg\posx4324\posy2968\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch i.}\par}{\pard \qj\phpg\pvpg\posx4708\posy2968\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch MAP creates an image map}\par}{\pard \qj\phpg\pvpg\posx4273\posy3403\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch ii.}\par}{\pard \qj\phpg\pvpg\posx4708\posy3403\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch AREA identifies the individual logical sections on the map}\par}{\pard \qj\phpg\pvpg\posx5169\posy3839\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch 1.}\par}{\pard \qj\phpg\pvpg\posx5630\posy3839\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch SHAPE defines the shape of the logical section}\par}{\pard \qj\phpg\pvpg\posx5169\posy4248\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch 2.}\par}{\pard \qj\phpg\pvpg\posx5630\posy4248\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch COORDS specifies the coordinates of the logical section}\par}{\pard \qj\phpg\pvpg\posx5169\posy4683\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch 3.}\par}{\pard \qj\phpg\pvpg\posx5630\posy4683\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch ALT alternate message for the logical sectioned map}\par}{\pard \qj\phpg\pvpg\posx5169\posy5119\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch 4.}\par}{\pard \qj\phpg\pvpg\posx5630\posy5119\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs30\expnd5\expndtw-1\kerning0\loch HREF address of the html page}\par}{\pard \qj\phpg\pvpg\posx2507\posy5720\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <IMG SRC="D:\\HTML\\sample\\nature.jpg" ALT="universe1" HEIGHT=500 WIDTH=500 USEMAP="#mapp">}\par}{\pard \qj\phpg\pvpg\posx2507\posy6360\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <MAP NAME="mapp">}\par}{\pard \qj\phpg\pvpg\posx2507\posy6666\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch <AREA SHAPE="rect" COORDS="0,0,90,90" ALT="Sun" HRE F="http://www.sun.htm" />}\par}{\pard \qj\phpg\pvpg\posx2507\posy6974\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch < AREA SHAPE ="rect" COORDS ="90,90,120,120" ALT ="Mercury" HREF =" http://www.mercur.htm" />}\par}{\pard \qj\phpg\pvpg\posx2507\posy7281\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch < AREA SHAPE ="rect" COORDS ="124,124,138,138" ALT ="Venus" HREF =" http://www.venus.htm" />}\par}{\pard \qj\phpg\pvpg\posx2507\posy7614\

Page 28: web technologiesUnit 1

dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch < AREA SHAPE ="square" COORDS ="140,140,390,390" ALT ="andromeda" HREF ="}\par}{\pard \qj\phpg\pvpg\posx2507\posy7921\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch http://www.andromeda.htm" />}\par}{\pard \qj\phpg\pvpg\posx2507\posy8227\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch </MAP>}\par}{\pard \qj\phpg\pvpg\posx4836\posy19848\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch Y.Lakshmi, Assistant Professor, Department of Computer Science and Engineering, VNR VJIET}\par}{\pard \qj\phpg\pvpg\posx13821\posy19848\dfrmtxtx0\dfrmtxty0{\cf1\f0\fs22\expnd5\expndtw-1\kerning0\loch 8}\par}{ \sect}}