Saturday 27 August 2016

HTML tables:How to create HTML Table in webpage and website

HTML TABLE


HTML Tables :We use HTML table <table></table> tag to define table in html webpage and website.The HTML table <table> tags also include sub table tags such as for define rows in HTML table we use <tr> tag, table  cell header is defined by <th> tag and <td> tag is used to define column or cell in HTML table.


All HTML table tags are given below:



<table>Table
<th>Table Cell header
<tr>Table Rows
<td>Table Cell or Column
<thead>Table Header
<tbody>Table Body
<tfoot>Table Footer
<caption>Table Caption

Note: <caption> tag must be put immediately after <table> start tag.



Create a simple table Example:


<table border="2px">
<tr>
   <th>Name</th><th>Class</th>
</tr>
<tr>
   <td>Hardeep</td><td>10th</td>
</tr>
<tr>
   <td>Suraj</td><td>12th</td>
</tr>
</table>

Html Table tag
Html Table tag

HTML Table Caption:


HTML table <caption> tag is used to add header or caption to a table.Adding a table caption is very useful  if there a lot's of tables in your web page or website.

Friday 19 August 2016

HTML links color tag and properties|How to change HTML Links Color

HTML Link Colors:Active,Visited,Unvisited links types.


If you want to apply different colors for Active link, Visited links, On mouse over.We can do this by using CSS properties. Also, you can disable underline from links by CSS property.It makes the links more attractive and realistic.

If you don't want to change these properties the browser provide these default properties:-

1.Active Links show in Red color and underlined.

2.Unvisited Links show in Blue color and underlined.

3.Visited Links show in Purple color and underlined.

To change Link properties follow the below property:-

Friday 12 August 2016

Background Image | Set Image as Background in HTML with CSS

"HTML Background Image" HTML Background images and colors.Use Image as background.


Insert in a web page or website using CSS/CSS3 help to make website/web page attractive.

1.Set or Add Background image or colors of your choice as Background in the HTML web page or website with the help of CSS/CSS3.

2.For this, you can use inline, Internal or External CSS as your comfortability.

3.We have these properties for Background setting:-
1.background-image
2.background-attachment
3.background-repeat
4.background-position

background-image property defines an image use as Background for your web page or website.

Example:

background-image: url("path");
background-attachment property is used to to make your

Wednesday 3 August 2016

Comment in Html page or web pages source code|How to insert comments in html

Comment Tag in Html page or website source code.

Comment tags are  used to insert comments in the HTML.Comments are not displayed on the web pages on the browser.But this can help the developer or programmer when the developer has to modify HTML source code.Comments are also helped while testing HTML page because you can comment out HTML lines of code, one at a time, to search for errors.

You can add Comments in your HTML source code by using the following syntax:

<!-- Write or Insert Your Comment Here -->

We use an exclamation mark in the opening tag but not in the close tag.

Example:

<!-- Paragraph tag start -->
<p>This is Paragraph </p>
<!-- Paragraph tag end Here -->

You can also use comment tag directly into other HTML tags without using additional comment tags.
Example:

<!--p>This is Paragraph </p-->

Html Source code:

<!DOCTYPE html>
<html>
    <head>
          <title>Paragraph Tag </title>
    </head>
<body>
<!-- Heading Start -->
<h1> Heading1</h1>
<!-- heading end -->
<!--h2> Heading2</h2-->
</body>
</html>

Output here:-



















Important Note: The text or things within the Comment tags will not be display on web pages.

Comment Below!