├── .editorconfig
├── 01-rules
├── 01-fix-this-html.html
├── index.md
└── under-construction.gif
├── 02-tables
├── 02-tables.html
├── example.png
└── index.md
├── 03-nested-lists
├── 03-nested-lists.html
├── index.md
└── lists_example.html
├── 04-sectioning-elements
├── 04-sectioning-elements.html
├── index.md
├── sectioning-elements.png
└── sections.css
├── 05-all-elements
├── 05-all-elements.html
└── index.md
├── 06-images
├── 06-images.html
├── img
│ ├── cat_typing.webp
│ ├── logo_onja.png
│ ├── logo_onja.webp
│ ├── logo_onja_disk.svg
│ ├── onja_crew.jpg
│ └── onja_crew.webp
└── index.md
├── 07-weekend-blog
└── index.md
├── 08-log-in-form
├── 08-log-in-form.html
└── index.md
├── 09-correct-fields
├── 09-correct-fields.html
├── forms.css
└── index.md
├── 10-form-to-sheets
├── 10-form-to-sheets.html
└── index.md
├── 11-inline-markup
├── 11-inline-markup.html
└── index.md
├── 12-clean-code
├── 12-clean-code.html
└── index.md
├── 13-semantics
├── 13-semantics.html
├── index.md
└── markup.png
├── 14-blog-design
├── 14-blog-design.html
├── blog_design.png
└── index.md
├── 15-rich-media
├── 15-rich-media.html
├── audio
│ ├── early-high_wails.ogg
│ ├── late-high_wails-long.ogg
│ ├── late-high_wails.ogg
│ ├── moan.ogg
│ └── purr.ogg
├── caption
│ └── chip.vtt
├── css
│ └── rich-media.css
├── index.md
├── js
│ └── canvas.js
└── video
│ └── chip.mp4
├── 16-project-html
└── index.md
├── README.md
├── fork-button.png
└── template.html
/.editorconfig:
--------------------------------------------------------------------------------
1 | # EditorConfig helps developers define and maintain consistent
2 | # coding styles between different editors and IDEs
3 | # See: editorconfig.org
4 |
5 | root = true
6 |
7 | [*]
8 |
9 | indent_style = space
10 | indent_size = 2
11 | end_of_line = lf
12 | charset = utf-8
13 | trim_trailing_whitespace = true
14 | insert_final_newline = true
15 |
--------------------------------------------------------------------------------
/01-rules/01-fix-this-html.html:
--------------------------------------------------------------------------------
1 |
2 | My first HTML page
3 | <body>
4 | <h1 id=heading>My first site
5 | <img src="underconstruction.gif">
6 | <p>I'm sorry, but this page is <b>still</b> under construction.</b>
7 | <p>I love <ahref="https://developer.mozilla.org/en-US/docs/Web/HTML">learning html</a>
8 | </html>
9 | </body>
--------------------------------------------------------------------------------
/01-rules/index.md:
--------------------------------------------------------------------------------
1 | # HTML exercise 01: Fix this HTML
2 |
3 | There are a number of rules associated with HTML elements, attributes, and HTML in general.
4 |
5 | Fix the file `01-fix-this-html.html` by making sure all the HTML inside is valid, and working according to the rules. Use the W3C Markup Validator if you want.
6 |
7 | Save, add, and then `commit` your changes in your forked repo. Make sure to `push`!
--------------------------------------------------------------------------------
/01-rules/under-construction.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/onja-org/html-exercises/56ba8f2ee6858bd9b172accafed7614033a41565/01-rules/under-construction.gif
--------------------------------------------------------------------------------
/02-tables/02-tables.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html lang="en">
3 | <head>
4 | <meta charset="UTF-8">
5 | <title>02: Tables
6 |
7 |
8 |
11 |
12 |