Scribd
Upload
59 views42 pages

Web Tech Lab 1-22

The document contains code for multiple HTML programs that demonstrate different HTML tags and elements. It shows examples of using tags like <html>, <body>, <title>, <h1>-<h6>, <p>, <b>, <i>, <a>, <img>, <table>, <tr>, <td>, and others. It also demonstrates attributes like bgcolor, border, width, height and cellspacing. The programs output HTML code to display simple webpages structured using these basic building blocks of HTML.

Uploaded by

Ashok Kumar
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
59 views42 pages

Web Tech Lab 1-22

The document contains code for multiple HTML programs that demonstrate different HTML tags and elements. It shows examples of using tags like <html>, <body>, <title>, <h1>-<h6>, <p>, <b>, <i>, <a>, <img>, <table>, <tr>, <td>, and others. It also demonstrates attributes like bgcolor, border, width, height and cellspacing. The programs output HTML code to display simple webpages structured using these basic building blocks of HTML.

Uploaded by

Ashok Kumar
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 42

PROGRAM :

201103005

<html> welcome<br>welcome to my web page </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>general</title> <body> <h1><b>Hello</h1></b> <br>html is used for designing web pages </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>general</title> <body> <h1><b>Hello</h1></b> HI HOW ARE YOU </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <body> <h1><b>web technology</h1></b> <p>paragraph tag</p> </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <body> <h1>web technology</h1><br> <h2>web technology</h2><br> <h3>web technology</h3><br> <h4>web technology</h4><br> <h5>web technology</h5><br> <h6>web technology</h6><br> </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <body> <b>web technology</b><br> <em>emphasize</em><br> <st>st</st><br><br> a<sup>2</sup>2<br> H<sub>2</sub>o<br> <del>delete</del><br> <i>html is used for designing webpages </i><br> </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <body> <h1>WEB TECHNOLOGY</h1><br> WEB<br>TECHNOLOGY </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <body> <h1>WEB TECHNOLOGY</h1><br> <pre>html is used for web designing</pre> </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <body> <h1>WEB TECHNOLOGY</h1><br> <h2 align="right">html is used for web designing</h2> </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>wish</title> <body> <font size=20><font color="red">Hi...Happy birthday</font></font> </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>wish</title> <body> <a href="www.google.com">Google home</a><br> <a href="www.yahoo.com">Yahoo home</a><br> <a href="11.html">Home page</a> </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>comment</title> <body> <comment> web technology </comment> comment tag web technology include concept of HTML </body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>unorder list</title> <body> <ul> <li>apple</li> <li>orange</li> <li>mango</li> <ul> <li>apple</li> <li>orange</li> <li>mango</li> <ul> <li>apple</li> <li>orange</li> <li>mango</li>

</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>order list</title> <body> <ol> <li>apple</li> <li>orange</li> <li>mango</li> <ol> <li>apple</li> <li>orange</li> <li>mango</li> <ol> <li>apple</li> <li>orange</li> <li>mango</li>

</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>definition list</title> <body> <dl> <dt>FRUITS</dt> <dd>apple</dd> <dd>orange</dd> <dd>mango</dd> </dl>

</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>IMAGE TAG</title> <body> <h1>IMAGE TAG</h1> <img src="C:\Users\AshokKumar\Pictures\Camera Roll\1.jpg" width=180 height=100> </img>

</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>IMAGE TAG</title> <body> <h1>IMAGE TAG</h1> <img src="C:\Users\AshokKumar\Pictures\Camera Roll\1.jpg" width=180 height=100 BORDER=4> </img>

</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>table creation</title> <body> <table border=1> <tr> <td>name</td> <td>class</td> </tr> <tr> <td>abc</td> <td>3rd year</td> </tr> </table>

</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>table with color</title> <body> <table border=1 bgcolor="red"> <tr> <td>name</td> <td>marks</td> </tr> <tr> <td>abc</td> <td>70</td> </tr> <tr> <td>xyz</td> <td>50</td> </tr> </table>

</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>row span</title> <body> <h1> WEB TECHNOLOGY</h1> <table border=1> <th rowspan="3"> <td>name</td> <td>marks</td> </th> <tr> <td>abc</td> <td>70</td> <td>80</td> </tr>

</table>

</body> </html>

OUTPUT :

PROGRAM : <html> <title>cell spacing</title> <body> <h1> WEB TECHNOLOGY</h1> <table border=1> <tr> <td>name</td> <td>class</td> </tr> <tr> <td>abc</td> <td>first year</td> </tr> </table> <table cellspacing="center" border=1> <tr> <td>name</td> <td>class</td> </tr> <tr> <td>abc</td> <td>second year</td> </tr>

201103005

</table>

</body> </html>

OUTPUT :

You might also like