Scribd
Upload
63 views

Welcome Welcome To My Web Page : Program: 201103005

The document contains code snippets from multiple HTML programs. The programs demonstrate various HTML tags for formatting text, inserting images, creating tables, lists, links and applying basic styling through CSS including internal, external and inline CSS. The programs also output the results of rendering the HTML code.

Uploaded by

Ashok Kumar
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
63 views

Welcome Welcome To My Web Page : Program: 201103005

The document contains code snippets from multiple HTML programs. The programs demonstrate various HTML tags for formatting text, inserting images, creating tables, lists, links and applying basic styling through CSS including internal, external and inline CSS. The programs also output the results of rendering the HTML code.

Uploaded by

Ashok Kumar
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 32

PROGRAM :

201103005

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

OUTPUT

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 : <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>

201103005

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>

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 : <html> <title>definition list</title> <body> <dl> <dt>FRUITS</dt> <dd>apple</dd> <dd>orange</dd> <dd>mango</dd> </dl> </body> </html> OUTPUT :

201103005

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 : <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 :

201103005

PROGRAM : <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 :

201103005

PROGRAM : <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 :

201103005

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> </table> </body></html>

201103005

OUTPUT :

PROGRAM :

201103005

<html> <title>bgcolor attributes</title> <body bgcolor="pink">Web technology</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>Background color attributes</title> <body background="2.jpg">Web technology</body> </html>

OUTPUT :

PROGRAM :

201103005

<html> <title>Internal CSS</title> <style> body { color:blue; background-color:pink; } </style> <body>Blue text on pink background</body> </html> OUTPUT :

PROGRAM :

201103005

<html> <head> <title>External CSS</title> <link rel="stylesheet" type="text/css" href="abc.css"/> </head> <body> <h1>White Header</h1> This paragraph is in blue color. The background is gray color </body> </html> OUTPUT :

PROGRAM :

201103005

<html> <title>inline CSS</title> <h1 style="background-color:red;color:white;size:50pt"> New font color and background with inline css</h1> </html> OUTPUT :

PROGRAM : <html> <head> <title>CSS classes</title> <style> a:link { color:red; } a:visited { color:purple; } a:hover { color:grey; } a:active { color:green; } </style> <a href="sample.html"><h1>click here</h1></a> </html>

201103005

OUTPUT :

You might also like