HTML Table Explained | HTML made easy

-

HTML Table Explained

Welcome to another new tutorial on HTML guys. In previous tutorial we learnt to insert image and various attributes of <img> in HTML. I hope you had no complication in that tutorial.
If you have any complication, please feel free to contact me here. I will surely explain you anything you had complications with.. You can even get in touch by any of the social media link given below. In the same way please follow me on instagram to keep updated with my newer videos and technical blogs..

So lets begin our tutorial. First of all, a table is created using the tag "<table>" and it's various attributes.. Some popular attributes and their uses are given below.


  • border - Specifies the border of the table. More the number more bold and bigger the table border.


  • cellspacing - To specify the space between cells..
  • Cellpadding - To specify the space between datas of table.
  • Style - To add a inline CSS style
  • Class - To link the external CSS style 
These are the main attributes used. There are some other attributes as well but those come in use for special purpose only..

Let's Create a table

So for creating the table. Please use the tag below.

<table border="2px">
</table>
So the tag above creates a simple layout of table. For inputing the data please have a look at the image and tags mentioned below.
  • <th> - Used for inserting the heading for the table data.
  • <td> - Used for adding data in column wise. (Used inside <tr> tag)
  • <tr> - Used for creating a row.

Below is the tag for table and it's output:
<table border="2px" cellspacing="3" cellpadding="3" style="border: red;">
     <tr>
          <th>Heading one</th>
          <th>Heading two</th>
          <th>Heading three</th>
     </tr>
      <tr>
          <td>content one</td>
          <td>content two</td>
          <td>content three</td>
     </tr>
      <tr>
          <td>content one</td>
          <td>content two</td>
          <td>content three</td>
     </tr>
</table>
      
Here's the output
Heading one Heading two Heading three
content one content two content three
content one content two content three

Please smash the button below to keep updated with my newer blogs


Facebook Instagram Github Wordpress Twitter

Comments

Post a Comment

Popular posts from this blog

Frameset In HTML explained

-
Image
Coming up with the new blog, here we have a simple blog to explain about frameset and it's use. Hi learners. This is Maneesh with a new blog tutorial and explanation. As you guys know that we are learning HTML and we have learnt to open HTML, insert image, create a table, create a navbar and link a certain text to certain page. Today we are going to learn about the frameset tag.  Before starting our tutorial, there are certain things that you should know about frameset. Frameset tags are used link and display certain webpage in other page. It has both opening and a closing tag It has attribute "rows" to specify the height of every frame. "Cols" is used to specify the width of every frame. The frame tag is used inside frameset in order to display and link the pages The number of frame tag is equal to the number of rows in the frameset tag Here's one example:  <frameset rows="20%,80%"> <frame src="https://www.faceboo...
Read more

Inserting Image in HTML

-
Image
HTML PART II We have already discussed about HTML language and it's usage. As told before HTML is used to develop a static webpage. A static webpage is a page that contains text and image which cannot be changed according to the will of user. In explanation Pages made up of HTML will contain a image and text which a viewer without source code and access to admin page cannot change.  So guys we all need to insert image in our webpage but a beginner dont have any knowledge to it. Inserting text is very easy in html but for inserting image a developer needs to give a source of image. It uses the tag " Img "   and attribute " src ". For example if I will to insert a image i just write a tag as in the following line: <img src="source of image" /> In src="" I give the source of image (This may be either downloaded image or either from the online server..) For example lets make a situation that I am designing a webpage on html and...
Read more

HTML tutorial - I

-
Image
So guys let's start the very first post on HTML. This one is specially focused to beginner so if you have the normal knowledge on html then you dont need read this one. You can directly move on to my next tutorial after it's posted. Please follow me on facebook/instagram to get updated with my newer posts. If you need to contact me please visit my page here and fill contact form. HTML is a markup language that is used in webpage development. Use of HTML can only be used in development of static webpage. If a developer wants to develop and design dynamic and interactive webpage he/she needs to learn other scripting languages like js, php, css, jquery and so on. I will be uploading tutorials about them in my other post.  HTML is normally a english language and in this tutorial we will just learn how to make a first page on html. So the method of writing html code is shown below. Open any text editor in your pc.Some common text editors are notepad, notepad++...
Read more