html programming

1 introduction

2.Html programming

2history of internet

3how does internet work

4who governs the internet

5uses of internet

6how to be part of internet

                                                                      Introduction

 Internet affect on our life directly or indirectly.Telivison program cover it.

The simplest defination  of the internet is that it is the largest computer network .

We can send messeges using internet  any corner of the world .we can see update news and video ,songs,film .

It is the important roll  in our life.

It is linking more than two people  i mean  linking all world

HTML PROGRAMMING

Basic HTML Element

What is html

Html  is a document layout and hyperlink specification language i.e.

1 html tag-the <html> tag identifies the document as an html document.document start with html and also end

Example-

<html>

<head>

<title>title

of the page </title>

</head>

<body>

Internet page here

</body>

</html>                                                               

2.view html document in a web browser    

v  Open html code file using web browser

v  Right click on  file and click open with internet explorer

 The body tag

the body tag enclosed all the tags,attributes and informationto be display on the web page

HOW TO WRITE A HTML PROGRAM

1. go to start menu
2. click on all program 
3. choose accessories
4. select notepad
5. type our program on this text editors 

We can also use another text editors such as word pad

1.first program -how create a table 

• table atributes 

1.<tr>  it is use to create table row
2.<th> it is used to creat table head
3.<td> it is used to store our data in table


example -we will create details of marks of 10 th class
ram  54%
shyam 55%
gita 60%
sita75%   division -mathematics

program example

<html>

<head>

<title>title

of the page </title>

</head>

<body>

<table border="4">

<tr><th>student<th>marks in percent<th>division</tr>

<tr><td>shyam<td>55%<td>no</tr>

<tr><td>gita<td>60%<td>no</tr>

<tr><td>sita<td>54%<td>mathematics</tr>

</table>

Internet page here

</body>

</html>    

we will open this program in internet browser 

              

YOU CAN TEACH FATION AND DISIGN IN PANTS PETTERN VISIT BELLOW LINK FOR FREE---disign and technology

lets talk we will teaching fill color in table using bgcolor

1. create table and fill color
2. create  table and fill different color

1.program to create table and fill color
<html>
<head>
<title>table</title>
</head>
<body>
<table border="5">
<tr  bgcolor="red"><th>name employee<th>salary<th>part or full tima</tr>  // *यहाँ पर हमने head line को लाल कलर  किया है  //*
<tr><td>ram<td>4500<td>part time</tr>
<tr><td>sita<td>4500<td>part time</tr>
<tr><td>shyam<td>95500<td>full time</tr>
<tr><td>gangaram<td>5500<td>part time</tr>
</table>
</body>
</html>

run the program in ie




हमें जिस रो को कलर देना   है  उसके <tr>   में bgcolor tag देंगे

हमें जिस cell  को कलर देना   है  उसके <td>   में bgcolor tag देंगे

  हमें जिस column  को कलर देना   है  उसके <th>   में bgcolor tag देंगे

  हमें जिस table को कलर देना   है  उसके <table>   में bgcolor tag देंगे

Example -

ram-green

sita-yellow

salary=white 

 table -silver

  <html>

<head>

<title>table</title>

</head>

<body>

<table border="5" bgcolor="silver">

<tr  bgcolor="red"><th>name employee<th bgcolor="white">salary<th>part or full tima</tr> <tr><td bgcolor=green>ram<td>4500<td>part time</tr>  

<tr><td bgcolor="yellow">sita<td>4500<td>part time</tr>

<tr><td>shyam<td>95500<td>full time</tr>

<tr><td>gangaram<td>5500<td>part time</tr>

</table>

</body>

</html>

our next topic is hyperlink any document

it is the main purpose of the html programming link a page or document 

• we can link creat for an image
• we can link creat for a video
• we can link creat for a specific document,pdf,file
• we can link creat for a web page
• it is basically join the world there uses document and other resource

how to create hyperlink program using "a" tag-

google के लिए 

<a href="http://www.google.com"> for google click here</a>

 image के लिए 

   

<a href="image path/image name.image formate">image</a>