User Tools

Site Tools


en:web_development:lists:checklists

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:checklists [2021/12/06 06:05]
mag created
en:web_development:lists:checklists [2023/08/16 09:33] (current)
Line 3: Line 3:
 ==== Setup ==== ==== Setup ====
   * Continue using the 'lists.html' and 'style.css' files you have been working on in Visual Studio Code.   * Continue using the 'lists.html' and 'style.css' files you have been working on in Visual Studio Code.
-**lists.html** +    [[https://techschool.murraygunn.id.au/webdev/classes/lists/2/en.php|lists.html]] 
-<code><!DOCTYPE html> +    * [[https://techschool.murraygunn.id.au/webdev/classes/lists/2/style.php|style.css]]
-<html lang="en"> +
-<head> +
-    <meta charset="UTF-8"> +
-    <meta http-equiv="X-UA-Compatible" content="IE=edge"> +
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"> +
-    <title>Document</title> +
-    <link rel="stylesheet" href="style.css"> +
-    <script src="lists.js"></script> +
-</head> +
-<body> +
-    <h2> +
-      Who Am I? +
-      </h2> +
-      <ol> +
-        <li>Family Members +
-          <ul> +
-            <li>Father</li> +
-            <li>Mother</li> +
-            <li>Sister</li> +
-            <li>Brother</li> +
-          </ul> +
-        </li> +
-        <li>Hobbies +
-          <ol> +
-            <li>Music</li> +
-            <li>Football</li> +
-            <li>Cycling</li> +
-          </ol> +
-        </li> +
-        <li>Favourite Bands +
-          <ul> +
-            <li>Shakira</li> +
-            <li>Juanes</li> +
-          </ul> +
-        </li> +
-      </ol> +
-</body> +
-</html></code> +
- +
-**style.css** +
-<code>ol { +
-    color: blue; +
-  } +
-   +
-  ol ol { +
-    font-weight: 700; +
-  }</code> +
 ==== Input Checkbox ==== ==== Input Checkbox ====
   * Create a basic unordered list at the end of your existing html code (just before the <html></body></html> tag)   * Create a basic unordered list at the end of your existing html code (just before the <html></body></html> tag)
en/web_development/lists/checklists.1638799517.txt.gz · Last modified: 2023/08/16 09:33 (external edit)