Time consuming and cumbersome initial approach for HTML programming, would be use of windows notepad application as an HTML editor which is highly recommended by all professionals at that point for the sake of understanding the syntax, basics and general logic of HTML coding. Due to simple syntax one can easily have "OMG I think I mastered it" moment which is very common, non-persistent and a pseudo feeling, and also it is considered as a big step towards to "point of no return" in HTML programmers life. General approach after this point should be trying more self-encouraging exercises that may yield positive cash-flow to yourself if possible.
Dear fellow programmers, do continue practicing until having a strong urge of special keyboard that has extra keys solely for "/", "<",">". Hallucinations related to those symbols should be expected and considered normal. Remembering non-mouse 24x80 main frame programming interfaces would also greatly help to move on. Please keep in mind that these notepad.exe days are limited. Below, you will find some exercises, please spend some time on source pages, and do try to customize each example as you like. Try to validate your source code thru http://validator.w3.org (as in Hands-on Practice 2.8) and compare results.
| Exercise | Web Page - Filename | Status |
|---|---|---|
| Hands-on Practice 2.1 | hello.html | Completed |
| Hands-on Practice 2.2 | heading.html | Completed |
| Hands-on Practice 2.3 | heading2.html | Completed |
| Hands-on Practice 2.4 | heading3.html and heading4.html | Completed |
| Hands-on Practice 2.5 | blockquote.html | Completed |
| Hands-on Practice 2.6 | definitionlist.html | Completed |
| Hands-on Practice 2.7 | heading5.html and heading6.html | Completed |
| Hands-on Practice 2.8 | design.html | Completed |
| Hands-on Practice 2.9 | index.html | Completed |
| Hands-on Practice 2.10 | index.html | Completed |
| Bonus 1 | band.html | Completed |
| Assignment 4 | asg4.html | Completed |
| Hands on Exercise 5.1 | sitemap.html | Completed |
| Hands on Exercise 5.2 | wireframe.html | Completed |
| Hands-on Exercise 5.3 & 5.4 | asg5_34.html | Completed |
| Hands-on Practice 8.1 | services.html | Completed |
| Hands-on Practice 8.2 | services.html | Completed |
| Hands-on Practice 8.3 | index.html and newindex.html | Completed |
| Midterm Project | index.html and readme | Completed |
| Hands-on Practice 3.1 | inline.html | Completed |
| Hands-on Practice 3.2 | embedded.html | Completed |
| Hands-on Practice 3.3 | embedded2.html | Completed |
| Hands-on Practice 3.4 | embedded3.html | Completed |
| Hands-on Practice 3.5 | embedded4.html | Completed |
| Hands-on Practice 3.6 | external.html | Completed |
| Hands-on Practice 3.7 | index.html and services.html, trillium.css | Completed |
| Hands-on Practice 3.8 | index2.html | Completed |
| Hands-on Practice 3.9 | external.html | Completed |
| Hands-on Exercise 3.8 | advantages.html, disadvantages.html and ex3.css | Completed |
| Hands-on Exercise 3.9 | validate.html and validated advantages.html, disadvantages.html | Completed |
| Hands-on Practice 6.1 | box1.html and box2.html | Completed |
| Hands-on Practice 6.2 | trillium_asg11.html | Completed |
| Hands-on Practice 6.3 | floatyls.html | Completed |
| Hands-on Practice 6.4 | splash.html | Completed |
| Hands-on Practice 7.1 | favorites.html | Completed |
| Hands-on Practice 7.2 | link1.html and link2.html | Completed |
| Hands-on Practice 7.3 | threecolumn.html | Completed |
"Simplicity is the ultimate sophistication."