Lesson 11 - Lists & Tables
LEARN
- Read 2.4 Lists
- Follow Reading Schedule
Today
- Code Formatting
- Bullet List
- Numbered List
- Table
BUILD
Code Formatting
- Turn on Automatic code formatting
- Menu Code, Preferences, Settings
- Options
- Format on Save - ON
- Format on Save Mode - File
- Format on Type - ON
Emmet - HTML code writer
- Finishes HTML code when TAB is used
- Create an automatic page template
- New file
- ! TAB
- Valid HTML is generated
Emmet - HTML code writer
- h1 TAB
- p TAB
- a TAB
Bullet List (ul)
- Bullet Lists are added with the "ul" element (Unordered List)
- Each list item is added with the "li" element (List Item)
```
- Item 1
- Item 2
```
Numbered List (ol)
- Bullet Lists are added with the "ol" element (Ordered List)
- Each list item is added with the "li" element (List Item)
```
- Item 1
- Item 2
```
Table Elements
- Tables are added with the "table" element
- Table rows are added with the "tr" element
- Table columns are added with the "td" element (Table Data)
```
| This is some data |
```