HTML Tables | Lesson # 7
In this tutorial, You will learn about HTML Tables, and some other tags that are used in tables such as thead, tbody, tfoot, tr, th, td and many more in HTML 5 in Urdu. This tutorial is about tables and is created by Sir, Muhammad Irfan Shahid. You will learn about the features of tables in this tutorial.
You may also like: Working with HTML Lists
HTML Tables allow the Developers to arrange data in rows and columns. To define an HTML Table <table> tag is used. Similarly, we can define table header with <th> tag, table row with <tr> tag and data/cell is defined with <td>tag. By default, the text written in <th> tag is bold and centered aligned whereas, text written in <td> tag is always regular and left aligned.
Also Read this: Pak Studies Tests – Class 10th
We can say that <td> elements are the most important cell of the table. They can contain any sort of data such as text, images, lists and even other tables also can be in a <td> cell. The <td> element is called container of data in HTML Tables.
To add border to a table, we use CSS Border property. Border can also be applied to a table by using HTML border property. But mostly we use CSS border property. The border of HTML Tables when applied is separate for each row and column. We use “border-collapse: collapse” property to collapse border into one border.
Click here to watch: Use of HTML Anchor Tag & Image Tag
“Cell Padding” property is used to specify space between the border and cells of the table. To use this property for HTML Table cells and rows we always write “padding: value;” of the property. If we will do not use and specify this property. The cells will remain without padding. Similarly, we use “text-align” property to align text as left align, right align, center align or justify.
Follow us here: BAAB UL ILM Academy of Science & Commerce
If you like this tutorial, Subscribe BAAB-UL-ILM Learning Point. You can ask any question in the comments box below this video. Also, you can feel free to give me feedback in the comments box.
If you find any mistake or error in these notes. Please feel free to contact us at email@example.com