MY WEB TUITION: December 2015

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>

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

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 code end

Follow this step:

go in public_html folder

create new page

paste code

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 :

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>

Labels

Monday, 28 December 2015

Tuesday, 22 December 2015

Monday, 21 December 2015

Thursday, 17 December 2015