DIG3716c Lab Tutorial 02a

HTML Lab

Include everything on this sheet in your HTML document. Yes, that means this line should be there too. And this one! And everything that appears before and after this line. All of the header stuff at the top too. Really. Maybe try using an <h1></h1> element for the “HTML Lab” text.

Oops – what you should find is that when you tried to write <h1></h1> in the sentence above, the browser didn’t understand that you wanted to literally write those symbols instead of rendering an HTML element to the screen. A simple way to write the symbols for an HTML element without rendering the element is to replace the angled brackets <> with their entity character equivalents. The entity character for < is &lt; and the entity character for > is &gt; (the lt stands for less than and the gt stands for greater than, which is what those symbols usually mean when you write them!)

Don’t worry about the presentation of content – just recreate the structure of this document with valid HTML

This HTML document should be titled Last Name – Tutorial 2a HTML, replacing “Last Name” with your real last name. No need to fake it, I have a class roster.

Indent nested elements to visually represent the parent/child hierarchy between all of the elements in the HTML document.

Link to a few web tools you can’t live without. For reference, I’ve linked a few of mine. These links will have to be absolute paths because they exist on the WWW, not on the server this page will exist on.

  1. https://translate.google.com/
  2. http://archive.org/web/
  3. https://www.tineye.com/

Include a relative link to a picture of yourself. If you don’t have a picture of yourself, include a picture of a cat. People on the Internet always get a kick out of that.

Me

PATHS:
The path to the root folder containing all of your labs and assignments in this class should be
/home/students/nid/public_html/dig3716c/labs
This lab assignment should be in a sub-directory of your root folder called lab_03, like this:
/home/students/nid/public_html/dig3716c/labs/lab_02a/

Name your .html file, parta_lab02a.html

Any images in this lab assignment should be located in a sub-directory of your lab folder called "images", like this:
/home/students/nid/public_html/dig3716c/labs/lab_02a/images

Here’s a hint – use the <strong></strong> element to add importance to content.

Your document should validate as HTML 5 at the http://validator.w3.org page. Test it out there when you’re done marking up the page!

If you can put a checkmark next to each of these requirements then you’re done! These requirements are similar to the way your assignment specifications will be written up, so make sure you understand them.