Monday, 11 July 2016

ADDING CLICKABLE IMAGE TO WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body bgcolor="brown">
 <center> <font size="6" color="purple" face="Bradely Hand ITC"> Click On This Image to Know more ...</font> </center>

 <br>
  <a href="http://www.aboutfish.com">
  <center>
 
<img style="border:5 solid yellow" src="E:\HTML pages\fish.jpg">
  </a>

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




ADD NAME TO SECTION OF WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body>

 <a href="http://www.google.co.in"> GOOGLE HOMEPAGE </a>

 <br> <br> <a href="HTML pages/2)add_color_to_backgrond_&font.html#DHEERAJ"> Link To My Section Of WEBPAGE</a>
  </body>
  </html>









ADD LINK IN WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body link="blue" alink="green" vlink="red">

<a href="HTML pages/2)add_color_to_backgrond_&font.html"> MY WEBPAGE </a>

 <br> <br> <a href="http://www.google.co.in"> GOOGLE HOMEPAGE </a>

 <br> <br> <a href="computer.html"> computer page </a>

  </body>
  </html>





ADD BORDER OVER IMAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>
 
 <body bgcolor="black" >
 
 <font size="6" color="red" face="comic sans MS"> 
  <br>IMAGE is inserted within dotted red border in black background!!!
 
  <img style="border:5 dotted red" src="E:\comp.jpgheight="200" width="400" alt="image">

 </font>

 <br>
 <font size="6" color="yellow" face="comic sans MS"> 
 <br>IMAGE is inserted yellow border in black background!!!
<img style="border:5 solid yellow" src="E:\HTML pages\com.jpg"height="200" width="400" alt="image">


</font>

  </body>
  </html>










Wednesday, 2 December 2015

Adding font over image

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body background="C:\Users\html\wllpr.jpg">

<font size="6" color="red" face="comic sans MS">

BACKGROUNG IMAGE is inserted and this text is displaying in comic font over them !!!
  </font

 </body>
  </html>


 OUTPUT

 

Sunday, 15 November 2015

CREATING HEADINGS IN HTML

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body>
 
  <h1> <font size="red" size="10"> this is first heading </font> </h1>
 
  <h2> <font size="pink" size="10"> this is second heading </font> </h2>

  <h3> <font size="green" size="10"> this is third heading </font> </h3>

  <h4> <font size="brown" size="10"> this is 4th heading </font> </h4>

  <h5> <font size="grey" size="10"> this is 5th heading </font> </h5>

  <h6> <font size="black" size="10"> this is 6th first heading </font> </h6>

  <p> <font color="red" size="4"> THIS IS PARAGRAPH...... HTML is hyper text markup language. It is used to create webpages</font>
 </p>
 
  </body>
  </html>

RESULT

ADDING EFFECTS TO FONTS IN HTML

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body>

  <font size="10"> HELLO WORLD !! </font>

  <font size="6" color="pink"> <br> <b>this line is displayed in bold look </b> </font>

  <font size="14" color="green"> <br> <i>this line is diplayed in italic look </i> </font>

  <font size="12" color="blue"> <br> <u>this line is diplayed in underlined look </u> </font>

  <font size="6" color="gray"> <br> <b> <i> <u> this line is displayed in bold,italic with underlined </u> </i> </b> </font>

   </body>
  </html>



RESULT