HTML is hyper text markup language commonly used as a web designing
language. It is used to make websites. A website a is a collection of a
several webpages. Each webpage has its own topic to explain. So we can
say a website is generally a store of information regarding a niche.
Basic Tags of Html- Html Tables:
Following are basic tags of Html:
There are paired as well as single tags used in html. Paired tags end with the tag name but having a forward slash before.
<html></html> HTML Tag is written on the top or in the very beginning of the webpage.
<head></head> Head Tag after the html tag.
<title></title> Title Tag is written in between the <head> and </head> tags.
<body></body> Body Tag contains the complete text of the document which may contain images and videos.
<p></p> Paragraph Tag to indent the first line of a paragraph.
<b> Bold Tag which makes a word to look heavy.
<i> Italic Tag creates the steeper text.
<ol></ol> Ordered List Tag creates a numbered list.
<ul></ul> Unordered List Tag make a list having no numbring just dots in the beginning of every list item.
<table></table> Table Tag is used to present some data in well organized shape of rows and columns
<tr></tr> Table Row Tag contains a number of table colums.
<td></td> Table Column Tag contains a piece of information like some text, photo or video etc.
How to make a Web Page?
Simplest Web Page:
To design your own webpage in minutes just go to "Notepad" editor write the following code in editor window and then save the file name with extension ".html". For example if you named your webpage as Webpage1 then you have to save it as Webpage1.html. After saving just go to the place where you saved your page just double-click on the Webpage1.html file and then your webpage would be in front of your eyes.
Html Code:
<html>
<head>
<title> My Webpage Title </title>
</head>
<body>
My First Attempt for Webpage
</body>
</html>
RESULT:
Creating Html Tables:
Using html tables in your webpage is very good practice
to present information in well organized shape. Creating these tables
is pretty simple task. There are three basic tags used in making html
tables and these are <table>, <tr> and <td> and all of
them are paired.
Format of a Table
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
Writing <table> tag is the start of a table the <tr> tag
indicates the beginning of a row and <td> tag is used to create
columns in a row. Here in above html code there is one row created
starting from <tr> and ending at </tr> and this row contains
two columns. And table ends with the tag </table>.
Data/information is put into the columns of a table. This information can of any type from text, images to videos etc.
<table>
<tr>
<td>Football</td>
<td>Hockey</td>
</tr>
<tr>
<tr>
<td>Tennis</td>
<td>Snooker</td>
</tr>
</table>
RESULT:
Football Hockey
Tennis Snooker
Html Table Basic Attributes:
<table> Tag attributes
border, background, width, height
<tr> Tag attributes
height, valign, rowspan
<td> Tag attributes
colspan, width, cell-padding, cellspacing
RESULT:
Football Hockey
Tennis Snooker
Html Table Basic Attributes:
<table> Tag attributes
border, background, width, height
<tr> Tag attributes
height, valign, rowspan
<td> Tag attributes
colspan, width, cell-padding, cellspacing
Creating Html Lists Ordered and Unordered:
When you have to present information in a list form then you have two
options by the way of either creating un-ordered list or creating
ordered list. In ordered list the list items have numbering 1,2,3... or
a, b, c... etc along them. Whereas in unordered list there are just dots
or small circles in the start of a list item.
Tags for Ordered and Unordered List:
<ol></ol> ordered
<ul></ul> Unordered
<li></li> Line items for a list.
Ordered List:
<ol>
<li>Football</li>
<li>Snooker</li>
<li>Tennis</li>
<li>Badminton</li>
</ol>
RESULT:1. Football
2. Snooker
3. Tennis
4. Badminton
Unordered List:
<ul>
<li>Football</li>
<li>Snooker</li>
<li>Tennis</li>
<li>Badminton</li>
</ul>
Result would be the same but now instead of 1,2,3... there would be dots in the beginning of every line item.
About 
0 comments: