THE HTML LISTS
We introduce the post “Lists and Tables in HTML” starting from the lists. In HTML, we can organize information into Lists. They can be Ordered or Unordered
- Ordered Lists form numbered lists
- Unordered Lists form bulleted lists
We form Ordered Lists with Tag <ol> </ol> while Unordered Lists with Tag <ul> </ul>. List objects are created with the <li> tag. The type attribute of the <ol> tag defines the type of the list item marker:
EMMET ABBREVIATION TO CREATE AN ORDERED LIST
Ti riporto un’abbreviazione Emmet per la lista ordinata.
LIST OF DESCRIPTIONS
Arguing “Lists and Tables in HTML” means that HTML also supports description lists.
- A description list is a list of terms, with a description of each term.
- The <dl> tag defines the description list, the <dt> tag defines the term (name) and the <dd> tag describes each term.
THE HTML TABLES
An HTML table is made up of table cells within rows and columns. Each cell of the table is defined by a <td> and </td> tag. The data elements of the table are the data containers of the table. They can contain all kinds of HTML elements; text, images, lists, other tables, etc. Each row in the table starts with a <tr> and ends with a </tr> tag. Headers are defined with the <th> and </th> tags.
HTML TABLE COLSPAN AND ROWSPAN
To make a cell span multiple columns, the colspan attribute is used. The value of the colspan attribute represents the number of columns to extend. To create a multi-row range of cells, you use the rowspan attribute. The value of the rowspan attribute represents the number of rows to span. Let’s clarify all the concepts exposed so far with some code examples.
Leave A Comment