Create A Basic Web Page Using HTML: Ex. No: 1 Date

Ex.
No: 1 Date:
CREATE A BASIC WEB PAGE USING HTML
Aim:
To create a basic web page using HTML
Algorithm:
Step 1: Create the html page by using notepad. Step 2: Use some basic HTML tags inside like <P>, <B>, <HREF>, etc. Step 3: Save and run the html program.
Program:
<html> <head> <title>This is my webpage</title>
<meta name=description content=This is a sentence describing the content on this Web page.> </head> <body bgcolor = #8fbc8f> <h1>This is a rally big header, or headline</h1> <p>I am writing a paragraph. And <b>this is bold text</b> within the paragraph.<br> And this is <a href="D:\Jayaseelan\WEB Tech Lab\sam1.html">My Info</a>, too.</br></p> This is the second way of writing a paragraph.<p> <h2>The is a secondary header</h2> This is <i>italic text</i>, followed by a single-line break, instead of the doubleline paragraph break done above.<br> <blockquote>The blockquote tag provides a nice way to set off a really long quote.</blockquote> This is a numbered (1, 2) list:Departments <ol> <li>Computer Science</li> <li>Information Technology</li> </ol> This is a bullet point (unordered) list:Colleges <ul> <li>SRM University</li> <li>Valliammai Engineering College</li> </ul> </body> </html>
Output:
Result:
A basic web page has been created using HTML Ex. No: 2
Date:
WEB PAGE USING CSS
Aim:
To create a web page using cascading style sheet
Algorithm:
Step 1: Create the html page by using notepad. Step 2: Create a cascading style sheet program. Step 3: Call the CSS file inside your html program. Step 4: Save and run the html program.
Program:
<html> <head> <link rel="stylesheet" type="text/css" href="D:\mani\myself.css" /> <title> HTML FORMS </title> <body bgcolor="GREEN">
<h1> <font face="Footlight MT Light"> <center> <b> <U> HTML FORMS LAB </U> </b> </center> </h1>
<form> <center> First name: <input type="text" name="firstname" /><br/> Last name: <input type="text" name="lastname" /><br/> Sex: <input type="radio" name="sex" value="male" /> Male <input type="radio" name="sex" value="female" /> Female<br/> Nationality: <input type="Checkbox" name="Indian" value="Indian" /> Indian <input type="Checkbox" name="NRI" value="NRI" /> NRI <br/>
DOB: <select> <option selected="date">DATE</option>
<option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option>
<option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select> <option selected="Month">Month</option> <option value="01">Jan</option> <option value="02">Feb</option> <option value="03">Mar</option> <option value="04">Apr</option> <option value="05">May</option> <option value="06">Jun</option> <option value="07">Jul</option> <option value="08">Aug</option> <option value="09">Sep</option> <option value="10">Oct</option> <option value="11">Nov</option> <option value="12">Dec</option> </select> <select> <option selected="y">Y</option> <option value="01">1</option> <option value="02">2</option> <option value="03">3</option>
<option value="04">4</option> <option value="05">5</option> <option value="06">6</option> <option value="07">7</option> <option value="08">8</option> <option value="09">9</option> </select> <select> <option selected="y">Y</option> <option value="00">0</option> <option value="01">1</option> <option value="02">2</option> <option value="03">3</option> <option value="04">4</option> <option value="05">5</option> <option value="06">6</option> <option value="07">7</option> <option value="08">8</option> <option value="09">9</option> </select> <select> <option selected="y">Y</option> <option value="00">0</option> <option value="01">1</option> <option value="02">2</option> <option value="03">3</option>
<option value="04">4</option> <option value="05">5</option> <option value="06">6</option> <option value="07">7</option> <option value="08">8</option> <option value="09">9</option> </select> <select> <option selected="y">Y</option> <option value="00">0</option> <option value="01">1</option> <option value="02">2</option> <option value="03">3</option> <option value="04">4</option> <option value="05">5</option> <option value="06">6</option> <option value="07">7</option> <option value="08">8</option> <option value="09">9</option> </select> </center> </form>
<p><font face="arial">This Page is designed by manikandan studying B.Tech at <a href="http://www.srmuniv.ac.in"><b> SRM University</a> </b><br>
<RIGHT><img src="C:\Documents and Settings\user\Desktop\SRM University Ranked India's No_ 1 Private Engineering University_files\logo.gif" alt="SRM UNIVERSITY"/>.</RIGHT> <br>To send in your suggestion <a href="mailto:r.manikandan@hp.com"> mail</a> me. </p> </body> </html>
Cascading Style sheet:
body { background-color:#00FFFF; }
h1 { color:orange; text-align:center; } p { font-family:"French Script MT"; font-size:20px; }
Output:
Result:
Thus the Web page using Cascading style sheet is implemented Ex. No: 3 Date:
WEB PAGE USING HTML FORMS
Aim:
To create a web page using HTML forms
Algorithm:
Step 1: Create the html page by using notepad. Step 2: Create HTML forms Step 3: Save and run the html program. :
Program:
<html>
<head> <link rel="stylesheet" type="text/css" href="D:\mani\myself.css" /> <title> HTML FORMS </title> <h1><center><b><U>Banking Account Information</U></b></center></h1> <form> <center> First name: <input type="text" name="firstname" /><br/> Address: <input type="text" name="Address" /><br/> Account Number: <input type="text" name="Acc" /><br/> Account Type: <select> <option selected="AT">Account Type</option> <option value="SB">Saving Account</option> <option value="CB">Current Account</option> <option value="RD">Recuring Deposit</option> <option value="DA">Demat Account</option> </select> </center> </form> <p><font face="arial">This Page is designed by students studying B.Tech at <a href="http://www.srmuniv.ac.in"><b> SRM University</a> </b><br> <RIGHT><img src="C:\Documents and Settings\user\Desktop\SRM University Ranked India's No_ 1 Private Engineering University_files\logo.gif" alt="SRM UNIVERSITY"/>.</RIGHT> <br>To send in your suggestion <a href="mailto:r.manikandan@hp.com"> mail</a> me.
</p> </body> </html>
Output:
Result:
Thus the Web page using HTML forms is implemented
Ex. No: 4 Date:
CLASS TIME TABLE USING HTML
Aim:
To create Class time table using HTML
Algorithm:
Step 1: Create the html page by using notepad. Step 2: Create tables using html Step 3: Fill the created tables with required data Step 4: Save and run the html program
Program:
<html> <title> SRM UNIVERSITY VI SEM -CSE PT </title> <h1 align="center">DEPARTMENT OF COMPUTER SCIENCE</h1> <h2> <p align="center"><b><u>TIME TABLE</u></b></p> </h2> <font color="red" size=8 style="castellar"> <marquee align="center">*** welcome to cse students ***</marquee> </font> <body bgcolor = "#6699ff"> <table width = 100% cellpadding = "2" cellspacing = "2" border = "1" bgcolor = "#cc33ff "> <tr align = "center"> <th> hour </th> <th> 1 </th> <th> 2 </th> <th rowspan = 4> break </th> <th> 3 </th> <th> 4 </th> <th rowspan = 4> lunch </th> <th> 5 </th> <th> 6 </th>
<th rowspan = 4> break </th> <th> 7 </th> <th> 8 </th> <th> 9 </th> </tr> <tr align = "center"> <th> day </th> <td> 9.00-9.40 </th> <td> 9.40-10.20 </th> <td> 10.40-11.20 </th> <td> 11.20-12.00 </th> <td> 12.50-1.30 </th> <td> 1.30-2.10 </th> <td> 2.30-3.10 </th> <td> 3.10-3.3.50 </th> <td> 3.50-4.30 </th> </tr> <tr align = "center"> <th> sat </th> <td colspan="2">pcs412 </td> <td>pcs412</td> <td>pcs422</td> <td colspan="2">pcs422 </td> <td>pcs415</td> <td colspan="3">pcs415 </td> <tr align = "center">
<th> sun </th> <td colspan="2">pcs412 </td> <td>pcs412</td> <td>pcs422</td> <td colspan="2">pcs422 </td> <td>pcs415</td> <td colspan="3">pcs415 </td> </body> </table> </html>
Output:
Result:
Thus the class time table has been created using HTML Ex. No: 5 Date:
CREATE HTML WEB PAGE USING VB SCRIPT
Aim:
To create a webpage using VB script
Algorithm:
Step 1: Create the html page by using notepad. Step 2: Create the VB script
Step 3: Call the VB script within the HTML Step 4: Save and run the html program
Program:
<html> <head> <title> HTML using VB Script </title> <SCRIPT type="text/vbscript"> Sub mysub() msgbox("Bye") End Sub </script> <button onclick="mysub()">Exit</button> </html>
Output:
Result:
Thus the webpage has been creating using VB Script. Ex. No: 6 Date:
CREATE HTML WEB PAGE USING JAVA SCRIPT
Aim:
To create a webpage using Java script
Algorithm:
Step 1: Create the html page by using notepad. Step 2: Create the Java script Step 3: Call the Java script within the HTML
Step 4: Save and run the html program
Program:
<html> <head> <title> HTML using Java Script </title> <SCRIPT type="text/javascript"> function show_prompt() { var name=prompt("Please enter your name","Enter Your Name"); if (name!=null && name!="") {
document.write("Hello " + name + "!How are you at "); document.write(innerHTML=Date()); }
} </script> <input type="button" onclick="show_prompt()" value="Show prompt box" /> </html>
Output:
Result:
Thus the webpage has been creating using Java Script.

Create A Basic Web Page Using HTML: Ex. No: 1 Date

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Create A Basic Web Page Using HTML: Ex. No: 1 Date

Hochgeladen von

Copyright:

Verfügbare Formate

Ex.

CREATE A BASIC WEB PAGE USING HTML

To create a basic web page using HTML

<html> <head> <title>This is my webpage</title>

WEB PAGE USING CSS

To create a web page using cascading style sheet

DOB: <select> <option selected="date">DATE</option>

Cascading Style sheet:

h1 { color:orange; text-align:center; } p { font-family:"French Script MT"; font-size:20px; }

WEB PAGE USING HTML FORMS

To create a web page using HTML forms

</p> </body> </html>

Ex. No: 4 Date:

CLASS TIME TABLE USING HTML

To create Class time table using HTML

CREATE HTML WEB PAGE USING VB SCRIPT

To create a webpage using VB script

CREATE HTML WEB PAGE USING JAVA SCRIPT

To create a webpage using Java script

Step 4: Save and run the html program

document.write("Hello " + name + "!How are you at "); document.write(innerHTML=Date()); }

} </script> <input type="button" onclick="show_prompt()" value="Show prompt box" /> </html>

Das könnte Ihnen auch gefallen