Computer Reviewer - HTML Tables & Lists PDF
Document Details
Uploaded by Deleted User
Tags
Summary
This document provides a review of HTML tables and lists. It explains the use of various tags like table, tr, th, and td. Properties such as border, border-collapse, and border-spacing, are also discussed.
Full Transcript
**COMPUTER REVIEWER** - WORKING WITH TABLES AND LISTS - **Table** - is one way of showing data or information. \- The contents of the table are arranged in ***columns and rows.*** \- The data is enclosed in borders customized according to how we want it presented. \- Tables...
**COMPUTER REVIEWER** - WORKING WITH TABLES AND LISTS - **Table** - is one way of showing data or information. \- The contents of the table are arranged in ***columns and rows.*** \- The data is enclosed in borders customized according to how we want it presented. \- Tables can be created in HTML using the ***table tag.*** Dr. Fe del Mundo - Medical Incubator Dr. Rodolfo Aquino - Isolated Rice Breeds HTML Table: ***\*** tag is used for defining a ***table*** ***\*** tag is used for the ***table row*** ***\*** tag is for ***table header*** ***\*** tag is for ***table data/cell*** - ***table headings*** are bold and centered. Table Property: - ***border*** - It sets all the table properties in one declaration. - ***border-collapse -*** It specifies whether or not table borders should be collapsed. - ***border-spacing*** - It specifies the distance between the borders of adjacent cells. - ***caption-side*** - It specifies the placement of a table caption. - ***empty-cells*** - It specifies whether or not to display borders and background on empty cells in a table. - ***table-layout*** - It sets the layout algorithm to be used for a table. Border Property: - The border property in CSS can be used to set all individual property values at once. We use ***border-width, border-style, and border-color.*** Lists: - ***unordered lists \*** - It display the list items marked with bullets. - ***ordered lists \*** - It display the list items marked with numbers or letters. List Property: 1. Set different list item markers for ordered lists. 2. Set different list item markers for unordered lists. 3. Set an image as a list item marker. 4. Add background colors to lists and list items. - ***list-style*** - It sets all properties for a list in one declaration. - ***list-style-image*** - It specifies an image as the list-item marker. - ***list-style-position*** - It specifies the position of the list-item markers (bullet points). - ***list-style-type*** - It specifies the type of list-item marker. - ADDING STYLES TO ELEMENTS