User Tools

Site Tools


en:web_development:lists:simple_lists

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
en:web_development:lists:simple_lists [2021/11/24 14:51]
mag created
en:web_development:lists:simple_lists [2023/08/16 09:33] (current)
Line 1: Line 1:
 ====== Web Development Lesson 3 - Lists ====== ====== Web Development Lesson 3 - Lists ======
 ===== Simple Lists ===== ===== Simple Lists =====
 +==== Objectives ====
 +In this exercise you will create a bulleted list and a numbered list and learn some list-specific formatting rules.
 ===== Setup ===== ===== Setup =====
   * Open a new [[https://jsfiddle.net|jsfiddle]] tab.   * Open a new [[https://jsfiddle.net|jsfiddle]] tab.
Line 80: Line 82:
   list-style-type: upper-roman;   list-style-type: upper-roman;
 }</code> }</code>
 +
 +===== Final Code =====
 +If you get to this point and something isn't quite right, or you'd like to check your code, here is the code we've been working on.
 +  * [[https://techschool.murraygunn.id.au/webdev/classes/lists/1/en.php|HTML]]
 +  * [[https://techschool.murraygunn.id.au/webdev/classes/lists/1/css.php|CSS]]
 +  * [[https://jsfiddle.net/maganthro/t17oqcxu/25/|Full jsfiddle]]
  
 [[en:web_development:lists:multilevel_lists|Next: Multi-level Lists]] [[en:web_development:lists:multilevel_lists|Next: Multi-level Lists]]
  
en/web_development/lists/simple_lists.1637794318.txt.gz ยท Last modified: 2023/08/16 09:33 (external edit)