Lab 1

HTML Examples

Heading Tags

Text documents are often broken up into several sections and subsections. Each section is usually prefaced with a short title or heading that attempts to summarize the topic of the section it precedes. For instance this paragraph is preceded by the heading Heading Tags. The font of the section headings are usually larger and bolder than their subsection headings. This document uses headings to introduce topics such as HTML Documents, HTML Tags, Heading Tags, etc. HTML heading tags can be used to format plain text so that it renders in a browser as large headings. There are 6 heading tags for different sizes: h1, h2, h3, h4, h5, and h6. Tag h1 is the largest heading and h6 is the smallest heading.

List Tags

Ordered List Tag
How to make pancakes:
  1. Mix dry ingredients.
  2. Add wet ingredients.
  3. Stir to combine.
  4. Heat a skillet or griddle.
  5. Pour batter onto the skillet.
  6. Cook until bubbly on top.
  7. Flip and cook the other side.
  8. Serve and enjoy!
Unordered List Tag
Steak, Corn on the Cob, and Mashed Potatoes
    Serves 4
  1. Heat a large of Water until boiling
  2. Wash 5 Russet Pototes
  3. To prepare the steak start by turning an outdoor grill to medium high. Pat the steaks with a paper towel and add salt and pepper. The steak should be completly covered in salt and pepper; use more than you think
  4. Place the potatoes in the boiling water. Leave for 20 minutes or until soft
  5. Shuck the corn on the cob and wrap in aluminum foil
  6. Place the corn and steak on the grill. Cook each for around 15 minutes. Turn each halfway through cooking.
  7. When the potatoes are done, drain the water and mash them with a fork. Add one cup of warm milk, 1/4 of an unsalted butter stick, and a large pinch of salt.
  8. When each is done, plate and serve.

Table Tag

QuizTopicDateGrade
Q1HTML2/3/2185
Q2CSS2/10/2190
Average90

Image tag

Loading an image from the internet:

Loading a local image:

Form Elements

Text Fields



Text boxes

Radio buttons




Checkboxes




Dropdowns

Select one

Select many

Other HTML field types





Anchor tag

Please click here to get dummy text