starts our table, data/information arranged in rows and columns
<table>
an attribute that allows us to add an outline to our table cells
border
the skin and makeup our our web page. It allows us to apply styling
Cascading Style Sheets
allows you to apply a style to a single element type instead of multiple ones.
Id's
allows you to apply the same types of format to a bunch of elements at once
classes
surrounds the information going on each row in our table
<tr>
this allows us to separate our webpage into different sections so that we can format each section individually
<div>
describes how our html file should look and holds our formats
style sheet
css added directly into our HTML tags using the style attribute
Inline
separate css file created on a text editor - it is not part of the html document, and can be used again and again for multiple web pages
external
used to set up our table columns
<td>
where our actual table information is enclosed in
<tbody>
the name for the tags that we use in CSS
Selectors
Applies to the whole html page and is inserted directly into the head tags and enclosed by style tags.
Internal (also as embedded)
allows us to format all elements on a page
*
the cells that will contain the column heading names.
<th>
An attribute that causes a table cell to span across multiple columns, great for when we are adding titles to our tables
colspan attribute
contains one or more properties and values separated by semi-colons and contained within curly braces
declaration block
how to label a class named blue on a css
.blue
how to label an id name red on a css
#red
contains the information about our tables such as the column headings
<thead>
this allows us to format small individual parts of our web page such as a single word
<span>
The format for an internal style sheet. Include the tags it's nested in.
<head>
<style>
p {
color: blue;
}
</style>
</head>
create an inline style sheet for links being the color red
<a style="color:red"></a>
goes between head tags on html document and has three attributes to link to an external css
<link type="text/css" rel="stylesheet" href="CSS file name"/>