Welcome to our HTML and CSS documentation page! Here you'll find some basic information you need to get started with creating websites. HTML and CSS are the backbone of any good website.
Whether you are new or experienced, be sure to use this resource as much as you need!
HTML tables are used to organize data in rows and columns. The table is created using the "<table>" tag and the rows are defined using the "<tr>" tag. The cells in each row are defined using the "<td>" tag, and headers for each column can be defined using the "<th>" tag.
Attributes can be added to each of these tags to control the appearance and behavior of the table. For example, the "border" attribute can be used to add a border around the table.
The content of each cell can include text, images, links, or other HTML elements. Tables can also be nested within each other to create more complex layouts.
Once the table is defined, it can be styled using CSS to control the font, color, spacing, and other visual properties. Overall, HTML tables provide a flexible way to display tabular data on a web page.
| HTML | Attribute Name | Attribute Function |
|---|---|---|
| <table> | Table | Creates a table in your HTML document |
| <thead> | Table Header | Creates the first row of data for your table, usually consisting of colomn headings |
| <tr> | Table Row | Creates a row for table data to be added to |
| <th> | Table Head | Creates a column heading. Centered and bold by default |
| <td> | Table Data | Creates a cell to input data into the table |
| <tbody> | Table Body | Creates the section where your row titles and table content will go |
| <tfoot> | Table Footer | Creates the footer for the table, where summaries and totals are typically located |
| This is the Footer Area | ||
CSS selectors are used to target specific HTML elements in order to apply styling to them. Selectors can be based on various criteria such as the element type, class, ID, attributes, and relationship to other elements in the HTML document.
For example, the "type selector" targets all elements of a specific type, such as all "<p>" elements. The "class selector" targets elements with a specific class attribute value, such as elements with the class "example". The "ID selector" targets an element with a specific ID attribute value, such as an element with the ID "header".
Selectors can be combined and nested to create more specific targeting, and multiple selectors can be applied to a single rule. Once a selector targets an element, CSS properties can be applied to control its appearance, such as font size, color, padding, margin, and more.
Overall, CSS selectors allow developers to precisely target specific elements in an HTML document and apply custom styling to achieve the desired look and feel of a web page.