Labels

Monday, 28 December 2015

html code for youtube iframe

If you want display video on your web page, Use youtube iframe for this and save your data and web space.
Upload your video on youtube and iframe youtube link on your page

copy and paste
<iframe src="http://www.youtube.com/embed/W7qWa52k-nE" width="560" height="315"frameborder="0"allowfullscreen></iframe>

This youtube video url : http://www.youtube.com/watch?v=W7qWa52k-nE

if you want insert this then you need edit
http://www.youtube.com/embed/W7qWa52k-nE 

html code for auto play

html code for auto play audio file

upload your audio file on your server
insert this code in your page

<audio autoplay="autoplay" loop="">
  <source src="http://yourdomainname/audiofilename.mp3" type="audio/mpeg">

</audio>


Tuesday, 22 December 2015

html code for text sliding

Here is simple text slider html code

<marquee behavior="scroll" direction="left">Here scrolling text... </marquee>

you can change direction as per your need like: left , right , up ,down.

Code for bouncing text

<marquee behavior="alternate">Here your Bouncing text...</marquee>

For image sliding
<marquee behavior="scroll" direction="left"><img src="http://www.sakhihosting.in/images/slide.gif" width="94" height="88" alt="slide me" /></marquee>

you change http://www.sakhihosting.in/images/slide.gif to http://www.youdomainname.tld/images/slide.gif

Monday, 21 December 2015

html code for table

html code for table
<table style="width:100%">
  <tr
<th>Heading </th>
  </tr>
  <tr
    <td>Ram</td>
    <td>Sita</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Hanuman</td>
    <td>Kishan</td> 
    <td>94</td>
  </tr>
</table>
Tables are defined with the <table> tag.
Tables are divided into table rows with the <tr> tag.
Table rows are divided into table data (Cell ) with the <td> tag.

A table row can also be divided into table headings with the <th> tag.

html code for Iframe

If you want show any page or website in a frame.Its very simple just copy and paste this code on your page.

 Iframe code start 
*****
<iframe  src="http://www.sakhihosting.in" frameborder="0" scrolling="auto" width="740" height="1410" marginwidth="0" marginheight="0" ></iframe>

****
Iframe code end

Follow this step:
login your hosting control panel.
go in public_html folder
create new page
paste code 
<iframe  src="http://www.sakhihosting.in" frameborder="0" scrolling="auto" width="740" height="1410" marginwidth="0" marginheight="0" ></iframe>

save and publish.
Note : Edit  http://www.sakhihosting.in  = http://www.yourpage name
Width and height : as per your page size.

Thursday, 17 December 2015

How to create link

Create your link with this code

Simple text link :

<a href="http://sakhihosting.in">Visit Our Page</a>

Code for new window :

<a href="http://sakhihosting.in"target="_blank">Visit Our Page</a>

Link your image file :

<a href="http://sakhihosting.in"><img src="http://www.sakhihosting.in/getImage.php?src=logo.gif" border="0" alt="" width="100" height="100" /></a>

Code for new window :

<a href="http://sakhihosting.in"target="_blank"><img src="http://www.sakhihosting.in/getImage.php?src=logo.gif" border="0" alt="" width="100" height="100" /></a>

Basic page with css

This is basic page with css 
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color:lightgrey;}
h1   {color:blue;}
p    {color:green;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Basic web page format

This is basic web page format for a web page

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>