I didn't actually expect to get as far as we did in the first week, so homework is pretty short and spur-of-the-moment. Later homeworks will be much longer.
This homework is optional. You won't be graded on it, and there's nothing to submit. Future homeworks will not be optional.
If you didn't get an image working, try to do that! Remember the image tag has peculiar behavior, and looks like this:
<img src="/path/to/image.extension">
If your image is in Downloads, for instance, your image tag might look like <img src="Downloads/image.png">.
Be aware that this is relative to your index.html file. This means that, if your index.html file is in
Documents, trying to access "Downloads/image.png" will actually try to access Documents/Downloads/image.png, which usually won't exist.
To fix this, either make sure your image and your index.html are in the same directory (e.g. one of Downloads, Documents, etc) and don't use a directory name (like <img src="image.png">)
or use the "../" path to break out of a directory (like <img src="../Downloads/image.png">).
Remember a link looks like:
<a href="https://example.com/">Link Text</a>
Links are pretty cool - for instance, you can actually put most tags inside them. Try making a website with a clickable image!
We're going to be introducing some more advanced tags and techniques in class on Friday. Get a head start by learning on your own about,
html taghead tagbody tagYou'll have to Google these on your own - remember to write concise queries, like "<tag> in HTML" or "how to use [some tool]". And don't worry if you don't find anything; we'll go over it in class.
If you can get the web inspector working, try using it to read the source-code of this page - there are some cool basic tags in here that you can play with!
I will give you bonus points (0.5% to your final grade) if you bring in an HTML tag you learned on your own and a quick demonstration of how it works on Friday!
I'll make it 2% if you can bring in a tag I haven't heard of.