google.com, pub-4617457846989927, DIRECT, f08c47fec0942fa0 Learn to enjoy every minute of your life.Only I can change my life.

Monday, July 1, 2013

Tables in HTML

The table tag defines a table.Inside the table tag ,of opening <table> tag and closing </table> tag we use <tr></tr> tag to define rows in a table ,use the <th></th> tag to define row or column headings, and use the <td></td> tag to define table cells.
The table tag can also contain a <caption </caption> tag,which specifies the caption for the table ,you can specify the width of border surrounding the table and default background color of the table.
Example:-
Marks of Students
Roll No. Name Marks
Paper IPaper II
101ABC7585
102XYZ7787
Html code to draw the above table is as:-
<html>
<head><title>Table tags</title></head>
<body>
<table border="1" cellpadding="10" cellspacing="5" align="center" bordercolor="maroon" bgcolor="silver">
<caption><span style="color: red; font-size: large;">Marks of Students</span></caption>
<tr>
<th bgcolor="skyblue" rowspan="2"><font color=#804000" SIZE="5">Roll No.</font></th>
<th bgcolor="skyblue" rowspan="2"><font color=#804000" SIZE="5">Name</font></th>
<th align="center" bgcolor="skyblue" colspan="2"><font color=#804000" SIZE="5">Marks</font></th>
</tr>
<tr>
<td bgcolor="lightblue"><font color=#FF8000" SIZE="5">Paper I</font></td>
<td bgcolor="lightblue"><font color=#FF8000" SIZE="5">Paper II</font></td>
</tr>
<tr>
<td bgcolor="#C9F3FA"><font color=#804000" SIZE="5">101</font></td>
<td bgcolor="#C9F3FA"><font color=#804000" SIZE="5">ABC</font></td>
<td bgcolor="#C9F3FA"><font color=#804000" SIZE="5">75</font></td>
<td bgcolor="#C9F3FA"><font color=#804000" SIZE="5">85</font></td>
</tr>
 <tr>
<td bgcolor="#C9F3FA"><font color=#804000" SIZE="5">102</font></td>
<td bgcolor="#C9F3FA"><font color=#804000" SIZE="5">XYZ</font></td>
<td bgcolor="#C9F3FA"><font color=#804000" SIZE="5">77</font></td>
<td bgcolor="#C9F3FA"><font color=#804000" SIZE="5">87</font></td>
</tr>
</table>
</body>
</html>

Example 2:- 

<html>
<body>
<style>
  .circle{
     width: 20px;
     height: 20px;
     border-radius: 50%;
      background-color: blue
   
  }
</style>
<TABLE width="50" height="50">
<TR >
<TD BGCOLOR="#FF8000" width="40px"  height="20px"></TD>
</TR>
<TR>
<TD BGCOLOR="#FFFFFF" align="center" width="40px"  height="20px"><div class="circle">
</div>
</TD>
</TR>
<TR>
<TD BGCOLOR="#088A08" width="40px"  height="20px"></TD>
</TR>
</TABLE>
</body>
</html> 

Example 3-
Vijay Marwaha
<HTML>
<BODY>
<TABLE BORDER="9" CELLPADDING="20" CELLSPACING="20" BGCOLOR="#8000FF">
<CAPTION ALIGN="BOTTOM">Vijay Marwaha</CAPTION> <TR>
<TD>
<TABLE BORDER="9" CELLPADDING="20" CELLSPACING="20" BGCOLOR=##00FFFF>
<TR>
<TD><img src="image1.gif" width="728" height="90" border="0" ALT="professional-in-computer"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
at No comments:
Labels:

Wednesday, June 26, 2013

HTML language

    Welcome to the world of HTML that is full form of:
  • H - Hyper
  • T - Text
  • M - Markup
  • L - Language
       HTML is used to make web pages.The meaning of HTML is:
Hyper is the opposite of linear.Old -fashioned computer programs were necessarily linear -that is ,they had a specific order.But  with a "hyper" language such as HTML,the user can go anywhere on the web page at any time.
Text is just what you're looking at now -English characters used to make up ordinary words.
Mark-up is what is done to the text to change its appearance.For instance,"marking up" your text with <b> before it and </b> after it will put that text in bold.
Language is just that.HTML is the language that computers read in order to understand web pages.

A mark-up language is set of mark-up tags.HTML uses mark-up tags to describe we pages.
Note that HTML is not a programming language,it is a mark-up language.

Advantages of HTML:-

  1. It's easy to use.
  2. It is supported on the majority of browsers, in fact ,may be even all of them.
  3. It is widely used on all websites.
  4. It will cost you nothing.It is free.
  5. Easy to learn.
  6. Loose syntax.
  7. Very similar to XML syntax,which is increasingly used for data storage.
  8. Free -You need not to buy any software.

Structure of HTML document:-

An HTML document is made up of two sections:-
1)THE HEAD SECTION :- The head section contains information related to the webpage.Example the title of the document.Any data which is provided in the Head Section will not appear in the viewing area of the web browser.We use Head tag as<head> and</head>The tags used within this tag are TITLE,SCRIPT.
2)THE BODY SECTION:- All information contained in the browser section is displayed in the browser.The way in which this information is to be displayed is instructed to the browser with the help of HTML tags.We use <body> and </body> tag for it.The tags used in this tag are all the tags of symbols like bold,paragraph,italic,horizontal rule,etc.

The structure of the HTML document is as follows:-
<html>
<head>
<title> My first html document</title>
</head>
<body>
<h1>My first heading</h1>
<p>My first Paragraph.</p>
</body>
</html>

Explanation of above coding  is:-
  • - The text between <html> and </html> describes the web page.
  • - <title>This is the name that your browser will use to identify the page.
  • -<head> This encloses basic information about your page.Your title and meta tags go here as well as any scripts you want executed before the main part of the page loads.
  • -The text between <body> and </body> is the visible page content 
  • - The text between <h1> and </h1> is displayed as a heading
  • - The text between <p> and </p> is displayed as a paragraph.
The editor for html used mostly is notepad after typing the html coding you have to save the file with a name given by user but the extension should be .html or .htm for that file and saved on your place.

Tags :- 

A tag is a unit of markup.These are used to define elements in HTML. Each consists of the "less than" and "greater than" characters (< and >) with the element name and possibly some attributes and values inside.

Star Tag and End Tag:

Start Tag:- Start tags are used to begin an effect .A start tag begins with(<) sign by the tag element and ends with the (>) sign.

End Tag:-The end tags are used to end the effect.An end tag also begins with (<) sign ,it has an additional forward slash(/) immediately after  the less than (<) sign. This is followed by the keyword and the tag is closed with the greater than (>) sign.
e.g. Start Tag : <title>
        End Tag : </title>
 It is between the start tag and the end tag that you have to insert the text to which the effect of the tag is to be applied.

Tags in HTML:-
  • Table                  
  • Lists                   
  • Paragraph           
  • Physical styles     
  • Logical styles
  • Horizontal Rule
  • Break Line
  • Image
  • Anchor
  • Marquee
  • Subscript
  • Superscript
Tag Attributes:-
       Tag can have attributes.Attributes can provide additional information about the HTML elements on your page,included inside the start tag.
Attributes always come in name/value pairs like this: name="value"
Syntax is
         <tag_name attribute_name="value">
       e.g.<img src="C:\image.jpg">
In above example src is an attribute for image tag and its values are specified in double quotes.

HTML is the language which can be used embedded with many languages as to make front end forms like with PHP,ASP.NET,etc.

The language is easy to learn and understand .
Heading tag :- There are six heading tags They are:-
<h1>ABC</h1>
<h2>ABC</h2>
<h3>ABC</h3>
<h4>ABC</h4>
<h5>ABC</h5>
<h6>ABC</h6>
The Heading tag is used to heading h1 tag is used to display words in large size and h6 is used to write  in smallest size.

Scripting Languages:-We can use Javascript or vbscript languages with HTML.

at No comments:
Labels:
Subscribe to: Posts (Atom)

अच्छे विचार करे विचार

  पहचान की नुमाईश, जरा कम करें... जहाँ भी "मैं" लिखा है, उसे "हम" करें... हमारी "इच्छाओं" से ज़्यादा "सुन...