COMP334: Lab 1
Learning Objectives
After completion of today's lab, I will have demonstrated my ability to
- Create a HTML document
- Use HTML comments, the title element, and meta elements to provide information about a document
- Use headings, paragraphs, lists (definition, bullet, and numbered), blockquote, address, and preformatted block elements
- Use line breaks, hypertext links, images, strong, emphasis, code, superscript, and subscript inline elements
- Use id's and internal anchor links to jump within a page
Link to an image
- Build a Table
- Jump to the Html Section
- Jump to the Head Section
- Jump to the Body Section
- Jump to the Image Section
- Jump to the Table Section
Document Structure
I authored my document to conform to HTML standards set forth by the World Wide Web Consortium (W3C) and their global structure of an HTML document guidelines.
Html Section
A HTML comment was included as a file header comment between the DOCTYPE and the head element in my index.html file that stated
- My university ID (e.g. 1160000)
- The path/filename (e.g. lab1.html)
- Completion time (rounded to the closest half hour)
- The CS 250 honor code as stated below:
Honor Code: I pledge that this code represents my own work.
I received help from (fill in the names) in designing and debugging my program.
Head Section
I included four meta element tags inside the head section specifying the
- Content type and character set
- Description
- Keywords
- Author
Body Section
The body section demonstrates the following text block and inline elements.
block: h1 h2 h3 h4 p blockquote ul li ol dl dt dd address
inline: a br em strong abbr img code sup sub
This paragraph demonstrates the use of the superscript and subscript
Coding Standards
I formatted the HTML code for Lab 1 to follow the COMP334 Coding Standards.
Image Section
Table Section
Standard Single Room Rates
|
Annual Dining Contract |
Fall Qtr Total |
Winter Qtr Total |
Athletic Meal Plan |
5,700 |
4,140 |
3,561 |
Large Meal Plan |
4,900 |
3,821 |
3,302 |
Contact Us
Contact us at name1@birzeit.edu and name2@birzeit.edu