Htmls Notes Stu

INTRODUCTION:--

Html is a scripting language for web page and the output of programs can be seen after using browser. These html document are plain text files which the user can create using a text editor like notepad. a multi media internet service which allows users to move from one document to another through links that connects them together.

Html is hyper text language because it supports font styled text, pictures, graphics and animation and also it provides hyper that used to browse the internet easily.

Html is based on tags. Tags are flexibly distinguished from the text proper, by being enclosed in angle brackets or beginning with a backslash character. Html provides a set of tags suitable for marking up web pages.

Html: -- Hyper Text Markup LanguageWAN: -- Wide Area NetworkMAN: -- Metropolitan Area NetworkWWW: -- World Wide Web

Internet: -- the network of network via gate ways.

Protocol: -- to transfer the data from one system to another across network.IP: -- Internet Protocol: -- to transfer the data from system to another system across networks

FTP: -- File Transfer Protocol: -- to transfer the file to one system to another system.SMTP: -- Simple mail transfer protocol: -- to send the mail from one server to another server.HTTP:-- Hyper Text Transfer Protocol: -- It provides the link between multiple pages.URL:-- Uniform Resource Locater. {The website Address} It is divided into 4 posts.

HTTP: //www/abc/one.html HTTP means Protocolwww means server nameabc means virtual directory one.html means filename with file type

Browser: ---displays web pagesWebpage: -- it contains electronic formats & linksWebsite: -- it contains web pages.

Web pages:-- The standard size of the WebPages640*480 pixels800*600pixels1024*968pixels

url:--

Resolution 72 dpi(Dots per inch) web safe colors: -- 216 colors.

Rules:--The website should be easy to read.The size font, face, color, alignment, background text color,

text, link colors should be good It should be easy to navigateWe can use bottom, top, left & right navigatorsYours web page layout and design should be consistent

through out the siteYour web site should be quick to downloadThe main page of the website should be loaded with in 8

seconds with in 56 kb modems.Use minimum animated graphicsDon’t use more no. of banners on a web page.Always include your contact information on each page of

your site and try to reply to all comments and suggestions within 45 hrs.

place your company logo on each pagePreview should be regularly updated.

Structure of html:-- Ex:--1.

<html><head><title>

…………….. Head section</title></head><body>

…………….

……………. body section</body></html>

Program:--1

<html><head><title>First Program</title></head><body>Good Morning</body></html>

1. Program for text

<HTML>HAVE A NICE DAY</HTML>

Procedure:-- first create a new document in notepad next type the program go to file menu click on save option give the file name & then apply the .html click on save button close the notepad file next open the program file

To change the program go to view menu click on source option it display the notepad file next change the program click on save option in file menu next open the program file press f5 or view menu-->refresh

2. Program for title<HTML><TITLE>FIRST PROGRAM</TITLE>HAVE A NICE DAY</HTML>

3. Program for body color<HTML><TITLE> FIRST PROGRAM </TITLE><BODY BGCOLOR="FFFACD">HAVE A NICE DAY</BODY></HTML>

Note: -- bgcolor coding get from Photoshop (ex:-color palette

4. Program for background image

<HTML><TITLE> BACKGROUND IMAGE </TITLE>

<BODY BACKGROUND="D:\All images\A' WORLD 002.jpg "> BACKGROUND IMAGE</HTML>

Note:--Open any imageSelect image right click open with internet explorer Copy the address & paste it in program.To get full screen

Set the image size 1024*786 in Photoshop Than save it in jpg mode Then copy the address in internet explorer

5. Program for font tag:--<html><title>font tag</title><body bgcolor="5bcfce"><font face="times" size=6 color="blue">HAVE A NICE DAY</FONT>HAVE A NICE DAY</HTML>

Note:--Bgcolor ,font face & size to text

6. HEADING TAGS:--<HTML><TITLE> HN TAG </TITLE><BODY BGCOLOR="LAVENDER"><FONT FACE="TIME" COLOR="BROWN"><CENTER><H1><B><I><U><S> CAREER EDUCATION </B></I></U></S></H1><H2> CAREER EDUCATION </H2><H3><B> CAREER EDUCATION </B></H3><H4><I> CAREER EDUCATION </I></H4><H5><U> CAREER EDUCATION </U></H5><H6><S> CAREER EDUCATION </S></H6></HTML>

Note:--<h1> :-- heading oneHn tag :-- Heading tag<B> :-- Bold<U> :--Underline<S> :-- Strike<I> :-- Italic

7. MARQUEE TAG (DIRECTION LEFT& RIGHT):--

<HTML><TITLE> MARQUEE TAG </TITLE><BODY BGCOLOR="LAVENDER">

<FONT FACE="COMIC SANS MS" COLOR="BROWN" SIZE="4"><MARQUEE DIRECTION="RIGHT" BGCOLOR="YELLOW">CAREER EDUCATION</MARQUEE><BR><BR><BR><MARQUEE DIRECTION="LEFT" BGCOLOR="BLUE">CAREER EDUCATION</MARQUEE></HTML>

Note:--<br> means Break for spacing

8. Marquee tag :--(direction slide,alternate & scroll)

<HTML><TITLE> MARQUEE TAG </TITLE><BODY BGCOLOR="LAVENDER"><FONT FACE="COMIC SANS MS" COLOR="BROWN" SIZE="6"><MARQUEE BEHAVIOR="SLIDE" BGCOLOR="YELLOW">CAREER EDUCATION</MARQUEE><BR><BR>

<MARQUEE BEHAVIOR="ALTERNATE" BGCOLOR="BLUE">CAREER EDUCATION</MARQUEE><BR><BR><MARQUEE BEHAVIOR="SCROLL" BGCOLOR="CREAM">CAREER EDUCATION</MARQUEE></HTML>

9. Program for height& width(direction up &down)a.<HTML><BODY BGCOLOR="PINK"><FONT FACE="BOOLMAN OLD STYLE" COLOR="BLUE" SIZE="4"><MARQUEE DIRECTION="UP" HEIGHT=100% WIDTH=100%>CMTES</MARQUEE></html>

b.

<HTML><BODY BGCOLOR="PINK"><FONT FACE="BOOLMAN OLD STYLE" COLOR="BLUE" SIZE="4">

<MARQUEE DIRECTION="DOWN" HEIGHT=100% WIDTH=100%>CMTES</MARQUEE></HTML>

10.Program for marquee Vspace(vertical space)<HTML><BODY BGCOLOR="PINK"><FONT FACE="BOOLMAN OLD STYLE" COLOR="BLUE" SIZE="4"><MARQUEE VSPACE=300 SCROLL AMOUNT='1'>CMTES</MARQUEE></html>

Note:-- Vspace:-- vertical space

11. Image src:--<HTML><TITLE> IMG TAG </TITLE><BODY BGCOLOR="CREAM"><IMG SRC="D:\data\backup saru notes\SARU\HTML\MONUMENT (15).jpg" WIDTH=100 HEIGHT=100 BORDER="10" ></HTML>

Note:--Image should be in program folder

To set full image set the size width:1024 height:768

12. Super script & sub script:--

<html><title> sup & sub </title><body bgcolor=”pink”><font face=”times” color=”green” size=”6”>H<sub>2</sub>SO<sub>4</sub><br><br>(A+B)<sup>2</sup>=A<sup>2</sup>+B<sup>2</sup>+2AB</HTML>

Note:--H2SO4:--sub script(A+B)2=A2+B2+2AB(super script)Super Script:-- SUPSub script:-- SUB13. <HTML><TITLE> MARQUEE TAG </TITLE><BODY BGCOLOR="LAVENDER"><FONT FACE="COMIC SANS MS" COLOR="red" SIZE="2"><center><marquee direction=up BGCOLOR="orange" width=100 height=500 ><center>CAREER EDUCATION</center>

</MARQUEE></html>

14.<html><head><title>image with vspace hspace</title></head><body><center><h2>setting image spacing</h2><img src="E:\images&boards\KIDS\Anne Geddes_When You Havva No Babies.jpg" width=200 height=300 hspace=10 vspace=10><img src="E:\images&boards\KIDS\Anne Geddes_When You Havva No Babies.jpg" width=200 height=300 hspace=10 vspace=10><img src="E:\images&boards\KIDS\Anne Geddes_When You Havva No Babies.jpg" width=200 height=300 hspace=10 vspace=10><img src="E:\images&boards\KIDS\Anne Geddes_When You Havva No Babies.jpg" width=200 height=300 hspace=10 vspace=10></center></body></html>

15.

<html><head><title>FLAG</title></head><body bgcolor="cream"><center><h2>setting image spacing</h2><marquee bgcolor=orange width=200 height=300 hspace=10 vspace=10></marquee><marquee bgcolor=white width=200 height=300 hspace=10 vspace=10></marquee><marquee bgcolor=green width=200 height=300 hspace=10 vspace=10></marquee></center></body></html>

16. <html><head><title>FLAG</title></head><body bgcolor="cream"><center><h2>FLAG</h2><marquee direction=up bgcolor=orange width=200 height=300 hspace=10 vspace=10><font face="times" color=red size=10><center>I </marquee>

<marquee direction=up bgcolor=white width=200 height=300 hspace=10 vspace=10><font face="times" color=red size=10><center>LOVE</marquee><marquee direction=up bgcolor=green width=200 height=300 hspace=10 vspace=10><font face="times" color=red size=10><center>INDIA

</marquee></center></body></html>

13. Horizontal tag:--<html><body bgcolor=”pink”><center>WELCOME TO CMTES<hr aligh=”center” color=”red” width=”80” size=”5”></html>

Note:--Hr align :-- horizontal alignmentHr align :-- center or left or right

Hspace :-- horizontal spaceSRC :-- URLEmbed tag :-- embed src (image address)

14. Embed tag:-- image address and VIDEO FILES

<html><title> embed tag </title><body bgcolor=”lavender”><embed src=”123.avi” width=”300” height=400></html>

Note:--Only AVI files can set at the programTo cut song go to premier Pro & select any video song & drop it in timelines press Ctrl+ K for break.

15. Table creation:--<HTML><TITLE> TABLE TAG </TITLE><BODY BGCOLOR="LAVENDER"><FONT FACE="TIMES" COLOR="BROWN" SIZE="4"><CENTER>TABLE INFORMATION</CENTER><TABLE WIDTH=100% ALIGN="CENTER" BORDER=2 BORDER COLOR="BLUE" CELLPADDING="0" CELLSPACING="0"><TR BGCOLOR="FFFACD" TR STYLE=COLOR:RED><TH> S.NO </TH>

<TH> NAME </TH><TH> SUB1 </TH><TH> SUB2 </TH><TH> SUB3</TH><TH> TOTAL </TH></TR><TR STYLE=COLOR:"GREEN" ALIGN="CENTER"><TD> 1 </TD><TD>CHARRY </TD><TD> 85 </TD><TD> 85</TD><TD> 90</TD><TD> 260</TD></TR><TR STYLE=COLOR:"GREEN" ALIGN="CENTER"><TD> 2 </TD><TD> CHANDU </TD><TD> 95 </TD><TD> 90</TD><TD> 90</TD><TD> 275</TD></TR></HTML>

Note:--Embed sac: -- image sourceTr:-- table rowTd:-- table dataTh:-- table heightTable Align :-- center /left/ rightBackground =URL

Bgcolor:-- colorBorder=NumberBorder color:-- colorBorder color dark :-- colorBorder color light:-- colorCell padding: -- numberCell spacing: -- numberColumns: - number

Follow the same procedure to create number of records

16.A.<HTML><BODY BGCOLOR="PINK"></HTML>

Note:--Save as top.htmlNew document & type 2 program

B.<HTML><BODY BGCOLOR="GREEN"></HTML>

Note:--Save as left.htmlNew document & type 3 program

C.

<html><body bgcolor=”lavender”></html>

Note:--Save as right.htmlNew document & type 4 program

D.

<html><title> right</title><body bgcolor=”pink”></html>

E.

<HTML><TITLE> FRAME SET </TITLE><FRAMESET COLS="25%,75%"><FRAME SRC="TOP.HTML"><FRAMESET ROWS="50%,50%"><FRAME SRC="LEFT.HTML"><FRAME SRC="RIGHT.HTML"></FRAMESET></HTML>

F.<HTML><FRAMESET ROWS="27%,*" FRAME BORDER="NO">

<FRAME SRC="TOP.HTML" NAME="TOP"><FRAMESET COLS="18%,*" FRAME BORDER="NO"><FRAME SRC="LEFT.HTML" NAME="LEFT"><FRAME SRC="RIGHT.HTML" NAME="RIGHT"></FRAMESET></HTML>

Note:--Save as frame.htmlOpen the frameset file

Procedure:--First create a 3html program in different document &save it as top,left& rightNext again create 4html program & save it frameset.html Next open the 4html program & it display the frameset.To edit any text in the frameset program fileGo to the any one of individual frameset program fileWhen your enter the data in any 3 programAutomatically it apply to 4th program

17.<HTML><TITLE> ANCHER TAG </TITLE><BODY BGCOLOR="LEVENDER"><A HREF="Annie&Patricia,ShihTzu.jpg">IMAGE</A><A HREF="Tom&Betty,ShihTzu.jpg"><IMG SRC="MONUMENT (15).jpg" width=200 height=100></A></HTML>

Note:--Href:-- URL

18.

<HTML><TITLE> TOP </TITLE><BODY BGCOLOR="LAVENDER"><FONT FACE="TIMES" COLOR="BROWN" SIZE="6"><CENTER>CMTES CAREER EDUCATION</FONT><FONT FACE="TIMES" COLOR="YELLOW" SIZE="3"><MARQUEE BGCOLOR="GREEN" SCROLL AMOUNT="2">RIGHT CHOICE A BRIGHT CAREER </HTML>

19.

<HTML><TITLE> LEFT </TITLE><BODY BGCOLOR="FFFACD"><FONT FACE="TIMES" COLOR="BROWN" SIZE="4">

<A HREF="ABOUT.HTML" TARGET="RIGHT"> ABOUT </A><PRE>COURSESPROJECTSE-MAIL</HTML>

Note:--TARGET:-“TARGET WINDOWS”TARGET MEANS WHICH DISPLAY THE OUTPUT FILE WHEN YOU CLICK ON THE LINK FILE.

20.

<HTML><TITLE> LIST TAG</TITLE><BODY BGCOLOR="PINK"><FONT FACE="TIMES" COLOR="RED" SIZE="5"><CENTER>LIST ITEMS</CENTER><OL TYPE="A"><LI>PGDCA </LI><UL TYPE="I"><LI> MS-OFFICE</LI><UL TYPE="1"><LI>MS-WORD</LI><LI>MS-EXCEL</LI><LI>MS-DOS</LI></UL>

<LI>C, C++</LI><LI>ORACLE</LI><LI>JAVA</LI></UL><LI>DCA</LI><LI>DOA</LI><LI>DMM</LI><LI>DWD</LI><LI>DACT</LI><LI>DMA</LI></OL></HTML>

Note:--Order list tag :-- OLUn order list tag :-- ULList Tag:-- LTList Items:-- LI

21.<HTML><TITLE> SELECTION TAG</TITLE><BODY BGCOLOR="LAVENDER">COURSES:<SELECT SIZE="1" STYLE=COLOR:RED><OPTION VALUE="0">PGDCA<OPTION VALUE="1">DCA<OPTION VALUE="2">DTP</SELECT></HTML>

22.Input tag:-- (Application Form)<html><title> from tag</title><body bgcolor="lavender"><font face="times" color="brown" size="4"><center>APPLICATION FORM</center><form action="form.html method="post"><pre>Name :<input type="text"name.n1>password :<input type="password"name=n2>course :<select size=1><option value ="0">PGDCA<option value ="2">DCA<option value ="3">DTP<option value ="4">DMM</select>Date of birth :<select size=1><option value ="0">jan<option value ="2">feb<option value ="3">mar<option value ="4">apr</select><select size=1><option value ="0">01<option value ="1">02<option value ="2">03</select><select size=1><option value ="0">2000

<option value ="2">2001<option value ="3">2002</select>Gender :male<input type="radio" name="r1"> female<input type="radio"name="r1">qualification :M.sc<input type ="checkbox"name=c1>M.tech<input type="checkbox"name=c2>MBA<input type="checkbox"name=c3>MCA<input type="checkbox"name=c4><input type="submit" value="submit"><input type="reset" value="clear"></html>

Note:--Without space type checkboxAll qualification details type in single line

23. Anchor point:-- number of pages links<HTML><HEAD><TITLE>NAVIGATION</TITLE></HEAD><BODY BGCOLOR=CYAN><h1 align=center> ALL IN ONE </h1><h3 align=center>All Pages Connected Through Links</h3><center>

<p> To display first page<a href="MARQUEE SLIDE.html">My First Html</a><p>View only title<a href="SUPER & SUB SCRIPT.html"> My Title Page</a><p>Displaying Various Headers<a href="ANCHER TAG.html"> Header Levels</a><p>Html Way of Formulas<a href="DIRECTION.html"> Equations Page </a><p>colors of life<a href="IMG SRC.html"> Colors</a><p>Text Styles<a href="input tag.html"> Multimedia WebPage</a></center></body></html>

24.number of images links<html><body background="BOSS23 (1).jpg"><marquee direction="slide" bgcolor="orange"><font face="times" color="yellow" size="10">HAVE A NICE DAY<img src="Naina .jpg" height="50" width="50"><img src="BOSS23 (1).jpg" height="50" width="50"></marquee><br><br><marquee behavior="alternate" bgcolor="white"><font face="times" color="yellow" size="10">GOOD MORNING

<img src="Naya_1024_1.jpg" height="50" width="50"></marquee><br><br><marquee behavior="scroll" bgcolor="green"><font face="times" color="yellow" size="10">GOOD AFTERNOON<img src="586.jpg" height="50" width="50"></marquee></font></body></html>

Hexadecimal Value Color#FF0000 Red#00FF00 Green#0000FF Blue#FFFFFF White#000000 Black#808080 Grey#800000 Dark Red#008000 Dark Green#000080 Dark Blue#FFF000 Red#FFFF00 Yellow#FF00FF Magenta#00FFFF Cyan

25.Program:--

<html>

<head><title>WELCOME</title></head><body><h1>CMTES Computer Education</h1><h2>Balanagar</h2><h3>Hyderabad</h3></body></html>

TAGS:--<html><head><title><body><h1><h2><h3><h4><h5><h6><br><body bgcolor><font><font size><font color><p align><hr><hr width><hr color><hr size><hr align>

<b> bold<i> italic<strong><em><u>underline<p>paragraph<UL>under List<OL> order list<D1><2T><DD><LI>LIST ITEM<Sub><Sup><Marquee><Table>Border1Width2Row3 Cols4<frame><href></a><en><img size>WidthHeight

26.Programs:--<html><head><title>welcome</title></head><body bgcolor="pink"><h1>CMTES Info

</h1><br><font size=72 color=orange face=verdana><h1>Computer Education Institute</h1></font></br><font size=6><h3>Balanagar</h3></font><font size=5><h5>Hyderabad</h5></font></body></html>

27. Program:--

<html><body bgcolor=blue><p align=center><font face=arial size=6 color=yellow>Welcome</p><h1 align=center>Multimedia</h1></font><p align=right><font size=4 color=yellow>

Tanuku</font><p align =right><font size=6 color=green>3D</h6></font></body></html>

28. program:--

<html><body bgcolor=brown><font face="comic sans ms" size=20 color=white><pre><B> H HA I I</B></pre><pre><b><font color=yellow>Sno. Name Age1. deepu 202. chandu 203. shona 22</pre></b></body></html>29. Program:--

<html>

<body bgcolor=megenta><p align=center><font face=Georgia size=7 color=blue>Multi media</p></font><hr color=gold size=10><h1 align= center><font color=green>Animation</h1></font><hr color=blue size=9 align=center width=20%><p align=right><font face=impact size=4 color=yellow>modeling</p></font><hr color=black size=7 align=right width=20%><h4 align=right><font color=white>Editing</h6><font><hr color=pink size=4 align=right width=50%></body></html>

30. Program:--<html><body bgcolor=green>

<font color=yellow size=6 face=verdana><p align =center><i><b><u>List</i></b></u></font><h3><font color=black><UL type=bullet><LI> saritha<LI> Naresh<LI> surya</LI></UL><HR><DL><BT>MP<DD> Madya Pradesh</DL></h3></font></body></html>

31.Programs:--<html><body bgcolor=gold><table border=5 bordercolor=blue width=80% cell padding=10><tr><th rowspan=5><pre>

HYDERABADONLINE</pre></tr><th colspan=3><font color=meron><h1>WELCOME</h1></font></tr><tr><th>Poser<th>E-mail</tr><tr><th>C<th>Chating

</tr><tr><th>C<sup>++</sup><th>Browsing</tr></table></body></html>

32.Progrms:--(Application Form)<html><body bgcolor=black><font face=impact size=7 color=green><plign=center>Diploma</font></p><hr><form name="Application form"><h3><font color=yellow><b><pre>Name<input type=text box name =name size=10 maxlength=5 value=>address<input type=text box name =address size=10 maxlength=5 value=></pre><pre>

Qualification<input type=checkbox name=qualification value=>B.A<input type=checkbox name=qualification value=>B.com<input type=checkbox name=qualification value=>B.Sc<input type=checkbox name=qualification value=> others</pre><pre>Gender<input type=radio name=gen value=9> Male<input type=radio name=gen value=9> Female</pre><p align=center><input type=submit name=Application form value=send><input type=reset name=Application form value=cancel></form></h3></font></body></html>

33.Programs:--

<html><body bgcolor=pink><font color=red><h3><form name= "stu"><h2>Name<input type=textbox name=name value=><br>password

<input type=password name=password value=></br></h2>select any option:--<select name="qualification"><option>B.com<option>B.A<option>B.Sc<option>other</option><select><hr>Enter any comments<br><textarea rows=6 cols=15>Enter any comments</textarea><br><p align=center><input type=submit name=stu value=send><input type=reset name=stu value=cancel></p></form></h3></font></body></html>

34.Programs:--

<html><body bgcolor=="black"><font color=red size=7 face=Impact><pre> Hotel BlueMoon</pre><hr><p align=center> <u> menu </u> </P></font><table border=2 table align=center width=80% cell padding=2><font color=white><tr><th> Item<br> Name<th> Qty<th> rate <th> check out</tr><tr><th>Oil<th>5<th>60<th> ok</tr></th></body>

</html>

35.Progrmas:--(Train Table)<html><body bgcolor=pink><table align=center border=2 cell padding=3> <caption> <b>Train Time Table</b></caption><tr><th rowspan=2> Name Of The Train<th towspan=2> Place<th rowspan=2> Station<th clospan=2> Time<th rowspan=2> Charge

</tr><tr><th> Arrival<th> D parture</tr><tr><td> Rajadhani Express<td align=Middle> Mumbai<td align=Middle> Delhi<td align=Middle> 7.30<td align=Middle> 8.45<td align=Middle> 989.00</tr>

<tr><td> Madras Mail<td align=middle> Mumbai<td align=middle> Madras<td align=middle> 9.00<td align=middle>10.15<td align=middle>450.00</tr><tr><td> Kanya Express<td align=middle> Mumbai<td align=middle> Banglore<td align=middle> 13.30<td align=middle> 14.45<td align=middle> 756.00

</tr><tr><td> Deccan Express<td align=middle> Mumbai<td align=middle> Pune<td align=middle>16:00<td align=middle>17:30<td align=middle>345:00

</tr></table></body></html>

36. Program:--<html><head>

<title>HAPPY DAYS</title></head><body bgcolor=black><p align=center><hr width=100% size=5 color=red></hr><hr width=50% size=5 color=white></hr><hr width=80% size=5 color=yellow></hr><hr width=20% size=5 color=orange></hr></p>Courses<h3><font color=cyan><UL type=bullet><LI> Dca<LI>PGDCA<LI> other</LI></UL><hr width=100% size=5 color=gold><Pre><font size=7> Delt a Infotech</font></pre>

<hr width=100% size=5 color=gold><h1>Dca</h1><OL type=1><LI>C<LI> Webdesigning<LI>Projects</LI></OL><hr width=100% size=5 color=green></hr><h1><OL type=i><LI>Dca<LI>C++<LI>Oracle,Java</LI></OL><hr width=100% size=5 color=silver></hr></body></html>

37.programs:--<html><body bgcolor=pink><h1 align=center><font color=red size=6><b>CMTES Info</b></font></h1>

a<sup>2</sup>+b<sup>2</sup><hr>1<sub>ST</sub>20</body></html>

38.programs:--

<html><body bgcolor=blue><h1 align=center><font color=yellow size=6><b><marquee direction=right loop=4 behavior=alternate bgcolor=green>Multimedia</marquee></b></font></h1><marquee><h1>Cmtes Infoses</h1></marquee></body></html>

39. P rograms :--<html><body bgcolor=black><br><br><br><br><br><br><br><br><h1 align=center><font color=gold>Hyderabad</h1><a href="loop.html">Click</a></body></html>

Note:-- loop html is created file name

40.program:--<html><body bgcolor=blue><br><br><br><br><br><br><br><br><h1 align=center><font color=gold>welcome</h1><a href="hai.html">back</a></body></html>

Note:-- hai html is created file name

41.program:--<html><body bgcolor=green><font size=7 color=blue face=Impact><u><p align=center>Dalta infotec<br>CMTES Computer</p></u></font>

<font size=7 color=yellow face=impact><pre>Courses1.PGDCA2.DCA3.Other</font></pre><a href="ramesh.html"><h2>Next</a><h2></body></html>

42.Program:--<html><body bgcolor=pink><h1 align=center><font color=red>Ever Green</hi></font><palign=center><img src="D:\mmdata\johny\bhavanaaug81152[1].jpg" width=40 height=30></p></img></body></html>

43.Program:--<html><body bgcolor=#ffooff><img src="D:\mmdata\johny\NAYANTARA\NAYANA 56.jpg" width=40% height=50% alt=devi></img><h1 align=center><font color=yellow></h1></font><h1><p align=center>Multi media</h></p><p align=center><img src="D:\mmdata\johny\SNEHA\sriram2-001.jpg" width=40% height=50% alt=devi></img><p><h1 align=right><font color=majantha>Animation</h1></font><h1 align=right><img src="D:\mmdata\johny\Heart beat.gif" width=40% height=50% alt=devi></img><h1></body></html>

44.Program:--<html><body bgcolor=#008800><table border=5 bordercolor=red width=60% bgcolor=gray><tr bgcolor=yellow><th>Name<th>age<th>address<th>pin<tr><th>surya<th>13<th>Nellore<th>534211</th></tr></table></body></html>

45.program:--<html>

<body bgcolor=#ff0000><table border=5 width=80% cell spacing=6 cell padding=6><tr><th colspan=5>Mark list</tr><tr><th>Name<th>Telugu<th>Maths<th>Hindi<th>Science<tr><th>sabitha<th>90<th>50<th>99<th>84<th></tr></table>

</body></html>

46.program:--<html><body><table border=5 width=80% cell spacing=8 cell padding=4><tr><th colspan=4><font color=red>Cmtes Specialisation Of Animation Course Details</font></tr><th row span=4></tr><tr><th>3D Modelling<th>Editing<th>flash</tr><tr><th>Photoshop<th>Premier<sub>

Avid</sub><th>Html</tr><tr><th>C<sup>C++</sup><th>Html<th>Tally<sub>7.2</sub><tr></table></body></html>

47.programs:--A.<html><body bgcolor=yellow><h1 align=center><font color=red>Infoces</h1>

<font></body></html>

B.<html><body bgcolor=blue><font color=yellow><h1>Languages</font><h1><OL type=1><LI>C<LI> C++<LI>Java<LI>Core java</LI><OL><font color=pink><a href="c.html" target="three">back</a></font></body></html>

C.<html><body bgcolor=orange><font color=blue>

<h1>cmtes Computer</font><h1><br><br><br><a href="b.html" target="three"><h4><font color=red>Click</a></h4></font></body></html>

D.<html><body bgcolor=mejantha>Welcome</font><br><br><br><a href="d.html" target=three"><h4><font color=red>Click</a><h4>

</font></body></html>

E.<html><body bgcolor=black><font color=white><h1>Packages</font></h1><UL Type=bullet><font color=blue><LI>Photoshop<LI>Avid<LI>Elastic Reality</font></LI></UL><font color=pink><a href="a.html" target="three">Back</a></font></body></html>

48.Programs:--

<html><frame><frameset rows="50%"><frame src="a.html" frame name="one"><frameset cols="50%"><frame src="c.html" frame name="three"></frame></html>

48.Programs:--

<html><body bgcolor=green><h1><u><p align=center>welcome<h1></u></p><h3 align=center>Hyderabad</h3><h5 align=center>AP</h5></body></html>

1 .Arithematic Operations<html><head>

<title>Arithematic Operations

</title><script language="javascript">

function cal(op){

var numA,numB,res=0;numA=parseInt(document.form1.first.value);numB=parseInt(document.form1.second.value);switch(op){ case'+':res=numA+numB;break;

case'-':res=numA-numB;break;case'*':res=numA*numB;break;case'/':res=numA/numB;break;

}document.form1.result.value=res;

}</script></head>

<body bgcolor=tan><form name=form1><h1> Simple Arithematic Ooperation</h1><table border="2"><tr><th>First Number

<td><input type=text name=first size=15></tr><tr><th>Second Number<td><input type=text name=second size=15></tr><tr><th>Result<td><input type=text name=result size=15></tr></table><p><input type=button value="addition"onclick=cal('+')><input type=button value="subtraction"onclick=cal('-')><input type=button value="multiply"onclick=cal('*')><input type=button value="divide"onclick=cal('/')>

</body></html>

2. Changes Case:--<HTML>

<HEAD><TITLE>

strings</TITLE>

<SCRIPT LANGUAGE='javascript'>function lower(){

form1.result.value=form1.data.value.toLowerCase();}function upper(){

form1.result.value=form1.data.value.toUpperCase();}function split(){

var strings=form1.data.value.split(" ");form1.result.value=strings.join(" : ");

}</SCRIPT></HEAD><BODY BGCOLOR='#FF0033'><FORM NAME='form1'><b>Data</b><p><TEXTAREA NAME='data' ROWS=4 COLS=40></TEXTAREA><p><b>Result</b><p> <TEXTAREA NAME='result' ROWS=4 COLS=40></TEXTAREA><p><INPUT TYPE='BUTTON' VALUE='LOWER' ONCLICK='lower()'><INPUT TYPE='BUTTON' VALUE='UPPER' ONCLICK='upper()'><INPUT TYPE='BUTTON' VALUE='SPILT' ONCLICK='split()'></BODY></HTML>

3.Number to text:--<html><head>

<title>Words Transformation</title><script language='JavaScript'>function dispwords(){var n=0,k=0,i=0,temp=0,r=" ";var ar=new Array();n=parseInt(document.sriform.num.value);temp=n;while(temp>0){k=temp%10;ar[i++]=words(k);temp=Math.floor(temp/10);}ar.reverse();r=ar.join(" ");document.sriform.res.value=r;}function words(k){switch(k){case 0: return "ZERO";case 1: return "ONE";case 2: return "TWO";case 3: return "THREE";case 4: return "FOUR";case 5: return "FIVE";case 6: return "SIX";case 7: return "SEVEN";

case 8: return "EIGHT";case 9: return "NINE";}

}</script></head><body bgcolor=tan><form name=sriform>Number <Input Type=Text name=num><p>Result <Input Type=Text size=80 name=res><p><Input Type=Button value='words' onclick='dispwords()'></form></body>

</html>

4. Border to text:--

<html><head><style>h2{text-align:center;border-color:red;border-style:solid;}</style></head><body><h2>border demo</h2></body></html>

5. Letter Spacing:--<html><head><style>h2 {color:blue;font-size:40pt;letter-spacing:10pt;}</style></head><body><h2 style="color:red",> Using Inline And Embedded </h2></body></html>

6. Text Position by CSS:--(Cascade Style Sheet)

<html><head><title> Sample Ap Div Page</title><style type="text/css"><!--

#apDiv1 {position:absolute;left:62px;top:67px;width:421px;height:188px;z-index:1;}

--></style></head><body>

<div id="apDiv1">Notepad is a basic text editor that you can use to create

simple documents. The most common use for Notepad is to view or edit text (.txt) files, but many users find Notepad a simple tool for creating Web pages.(matter)

</div></body></html>

7. Comments In Application:---<html><title> web page animation photoshop></title><center>APPLICATION</center><br><br><textarea rows=5 cols=50 name="comments"></textarea><br><br><input type="submit" value="submit"></form></body></html>

8. Mouse over:--<html><body><img dynsrc="chinni.avi" height="100" width="100" start="mouseover">

<img dynsrc="chinni.avi" height="100" width="100" start="mouseover"><img dynsrc="chinni.avi" height="100" width="100" start="mouseover"><img dynsrc="chinni.avi" height="100" width="100" start="mouseover"></body></html>

9.frame 1:-- images scrolling vertical:--

<html><title>frametag</title><body bgcolor="pink"><marquee direction="up" scroll amount="5" height="700"><img src="Naina .jpg" height="200" width="200" border="5"><br><img src="Naina .jpg" height="200" width="200" border="5"><br><img src="Naina .jpg" height="200" width="200" border="5"><br><img src="Naina .jpg" height="200" width="200" border="5"><br><img src="Naina .jpg" height="200" width="200" border="5"><br><img src="Naina .jpg" height="200" width="200" border="5"><br>

<img src="Naina .jpg" height="200" width="200" border="5"><br><img src="Naina .jpg" height="200" width="200" border="5"><br><img src="Naina .jpg" height="200" width="200" border="5"><br><img src="Naina .jpg" height="200" width="200" border="5"></img></body></html>

10.frame 2:-- title under list:---<html><title>frame tag</title><body bgcolor="pink"><font face="comic sans ms" size="20" color="green"><marquee direction="up" height="700"><center><u>Title</u><br>ramadasu<br><u>producer</u><br>Rama Naidu<br><u>Directior</u><br>m.s .raju<br><u>actor</u><br>varun<br><u>actorss</u><br>

neelam<br><u>others</u><br>sonam<br>rahul<br>laxman<br>varun<br>karun<br>ganesh<br></marquee></font>

11.Frame 3:--Image scrolling :--<html><title>frametag</title><body bgcolor="pink"><marquee direction="up" scroll amount="5" height="700"><img src="E:\surya\images\guns\arms018.jpg" height="200" width="200" border="5"><br><img src="E:\surya\images\guns\asr_para_1024.jpg" height="200" width="200" border="5"><br><img src="C:\Documents and Settings\deepu\My Documents\pictures\FLOWER10.jpg" height="200" width="200" border="5"><br><img src="C:\Documents and Settings\deepu\My Documents\pictures\FLOWER10.jpg" height="200" width="200" border="5"><br>

<img src="C:\Documents and Settings\deepu\My Documents\pictures\FLOWER10.jpg" height="200" width="200" border="5"><br><img src="C:\Documents and Settings\deepu\My Documents\pictures\FLOWER10.jpg" height="200" width="200" border="5"><br><img src="C:\Documents and Settings\deepu\My Documents\pictures\FLOWER10.jpg" height="200" width="200" border="5"><br><img src="C:\Documents and Settings\deepu\My Documents\pictures\FLOWER10.jpg" height="200" width="200" border="5"><br><img src="C:\Documents and Settings\deepu\My Documents\pictures\FLOWER10.jpg" height="200" width="200" border="5"><br><img src="C:\Documents and Settings\deepu\My Documents\pictures\FLOWER10.jpg" height="200" width="200" border="5"></img></body></html>

12. Frame set:-- (all frame 1 to 3)<html><frameset cols="25%,50%,25%" border="0"><frame src="frame1.html" scrolling="no"><frame src="frame2.html" scrolling="no"><frame src="frame3.html" scrolling="no"></frame set></html>

Htmls Notes Stu

Documents

Transcript of Htmls Notes Stu