HTML Table

Tables are used for representing data in tabular form or can be used for design if you want to build your website with pure HTML.

To create a table we use <table> tag . but we don’t want our table to roam naked all around so we use border attribute to dress up the <table>. As soon as we write <table> tag and give the border attribute =1, HTML builds a rough drawing in its brain like this.

To make the rows we use <tr> (table row) tag inside the table scope. As soon as we write <tr> tag, HTML updates its drawing in its brain like this.

(i used 3 <tr> so 3 in my case )

In the table, columns are divided into data. We can’t put data directly to the table we have to put it inside the row scope. So , to do that we use <td> (table data) tag . As soon as we write td tag, HTML updates its drawing in its brain like this.

(i used 2 <td> in each <tr> so this is my case )

VIDEO :

CODE Photo :

OUTPUT :

table use as a tabular form.
table use as a design without using the float property.

Note:

It’s my first post so i didn’t cover about <thead> , <tbody> , <th> and <tfooter> tags . if many people love this post , i will talk about them for sure !

Thank you for your precious time!

HAPPY CODING…

Contact Me:

Twitter: https://twitter.com/NewGenDeveloper

LinkedIn: https://www.linkedin.com/in/amritanshu-rawat-3010a819b/

--

--

--

Developer by Degree | Designer by Passion

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

AfricaHackon Quals Forensic Challenge Write-Up

Using the Koinos-CLI wallet in Testnet V2

Light her up — Adding emissions to your game objects using photoshop and blender

Best JavaScript Framework Alternatives to Open Source

Mutable, Immutable… everything is object!

Photo by Jakub Gorajek on Unsplash

Why Golang should be your go-to language for developing blockchains

Best Practices for Creating Java Object Classes

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Amritanshu

Amritanshu

Developer by Degree | Designer by Passion

More from Medium

Most Common Beginner Error With Tailwind C.

HTML TUTORIAL

CSS Box Model: Border, Padding & Margin.

Descendant Selectors in CSS