Exercises: HTML Practice
If you have been doing the mini exercises along the way, you should already have most of this exercise done. If not, then go back into the lesson now and get them done :)
If you did everything right, you should now your main 4 html files (index.html, about.html, privacy.html and contact.html) all interlinking with each other. Now you can see, we have a real skeleton on which to build our practice site. Your assignment is to simply experiment with the tools you already have. Before next lesson, you should be able to confidently do the following:
- Edit a file in your text editor, eg. Notepad++ and upload it using your FTP program, eg. FileZilla
- Resize and crop a photo in an image editor, eg. IrfanView.
- Use “View Source” to check the web pages you write
Now is also the time to try writing a few sample pages and push the boundaries of HTML. We suggest investigating at least 3 or 4 of the following. Feel free to create new pages for each experiment. This is what your RazorVolt server space is for :)
- What happens if there is no body tag? multiple body tags?
- How many headline tags are there? eg. h1, h2, h3,…h8? h20?
- How much can you skew an image’s width and height in HTML?
- What if you give a negative width or height?
- What happens when you give other html tags a “title” attribute
- What the advantage would be to using relative URLs
- How to “hotlink” to images on other sites, like google’s logo.
- Exactly what size image will fill your entire browser window?
- What happens if you use upper case in tags?
- What happens if you use upper case in the opening tag, but lower case in the closing tag?
- What happens if you just use LI tags without a containing UL or OL
- What happens if you use UL or OL tags inside an LI tag?
Once you’ve taken care of your internship “homework”, contact your coach and you can discuss your progress. Once you are ready to move on, you can move onto the next exciting lesson: Cascading Style Sheets, aka CSS. CSS is what allows us to add color and positioning to the raw materials we have now. It will be a bit more challenging, but much more rewarding!
Congratulations! You’ve reached the end of Module 2!