> For the complete documentation index, see [llms.txt](https://eleven-fifty-academy.gitbook.io/javascript-100-prework-gitbook/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eleven-fifty-academy.gitbook.io/javascript-100-prework-gitbook/javascript-library/0-prework/2-html-basics/table.md). # table In this module we will do the following: 1. Discuss the `` tag. 2. Show a simple table with no styling. 3. Add a small amount of styling. ## File Location For this module, you should be working in the following location: ``` javascript-library └── 0-PreWork └── 1-HTML-Basics 06-tables.html <---You should be here. └── 2-CSS-Basics └── 3-JavaScript-Basics └── 4-assets ``` ## Description An HTML table is defined with the `

` tag. Each table row is defined with the `` tag. A table header is defined with the `

` tag. By default, table headings are bold and centered. A table data/cell is defined with the `

` tag. ## Sample Code Add the following sample code to your file: ```markup Tables

Basic Table

Name	Occupation	Years of Experience
Auri Rahimzadeh	Software Architect	20
Jenn Aikens	Management	15

Table with Simple Border

Show	Genre	Rating
The Walking Dead	Horror/Drama	R
Breaking Bad	Action/Suspense	R

``` Don't forget to save your file and `alt + b` to see what your finished work looks like! ## Discussion Tables are everywhere you look in web development. You *will* use them often. We did add one style detail to the second table using the `border` attribute, however these are not pretty tables. We will get into how to make prettier tables soon. ## Challenge Now that you've seen examples of table usage, try adding `

` and `

` tags and seeing how they interact inside of the ``. Experiment with the `border` attribute some more, seeing how changing the value from 2 affects your table.