2.3 - Tables & Styles
Review
Please submit your 2.1 and 2.2 Replit projects.
Note to self - Loglicly assignment from Hapara Workspace
Check out the previous lessons and do some research. There are plenty of fantastic YouTube tutorials.
You might want to read through these if you're feeling behind:
The basic structure of an HTML document
Entire list of tags by category and by alphabet
Remember - w3schools, YouTube, and Google are your best friend!
Today's Lesson: 2.3 - Tables & Style
Tables allow us to make grids of data
<table> - Start and end the table information (similar to <ol> or <ul>)
<tr> - Table row. Used to define one row of cells.
<th> - Table heading cell. Used in the top row to create "headings" for each column.
<td> - Table data cell. Creates a cell or box to hold text and media.
The style attribute (know as cascading style sheets or CSS) allows us to change the look and feel of HTML elements
There are three (3) different ways to add style to your HTML.
Inline - by using the style attribute inside HTML elements.
Good for beginners or a quick change. Example
Internal - by using a <style> element in the <head> section.
Good if you don't want separate files. Example
External - by using a <link> element to link to an external CSS file.
Clean and separates style from HTML. Example
Today's Task(s) / Homework
Complete and submit the 2.3 - Tables & Style Replit project.
Complete the independent learning lesson 0.8 from unit 0.
Extra
Need help with tables? Watch this video
CSS tutorials (there are many more, these are just two I found):
There are a couple new challenges on my site