Lab 1

This is the content for 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.

This is the first paragraph. The paragraph tag is used to format vertical gaps between long pieces of text like this one.

This is the second paragraph. Even though there is a deliberate white gap between the paragraph above and this paragraph, by default browsers render them as one contiguous piece of text as shown here on the right.

This is the third paragraph. Wrap each paragraph with the paragraph tag to tell browsers to render the gaps.

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!

How to make misal pav:

  1. Mix pav bhaji masala, red chili powder, and salt in a bowl.
  2. Heat butter in a pan and add chopped onions. Sauté until golden brown.
  3. Add chopped tomatoes and cook until soft.
  4. Add boiled and mashed vegetables (potatoes, peas, carrots, etc.) to the pan.
  5. Mix well and cook for a few minutes.
  6. Garnish with chopped coriander leaves and serve hot with pav (bread rolls).
Unordered List Tag
Prof. Jose favorite books (in no particular order)
  • Dune
  • Lord of the Rings
  • Enders Game
  • Red Mars
  • The Forever War
My favorite books (in no particular order)
  • Verity - Colleen Hoover
  • Becoming - Michelle Obama
  • Before We Were Strangers - Renée Carlino
  • Punk 57 - Penelope Douglas
  • To Love Jason Thorn - Ella Maise

Table Tag

QuizTopicDateGrade
Q1HTML2/3/2185
Q2CSS2/10/2190
Q3JavaScript2/17/2195
Q4React2/24/2180
Q5Next.js3/3/2190
Q6Node.js3/10/21100
Q7Express.js3/17/2180
Q8MongoDB3/24/2180
Q9APIs3/31/21100
Q10Full Stack4/7/21100
Average90

Image tag

Loading an image from the internet:
SpaceX Starship
Loading an image from the public folder:
Tesla Bot

Form Elements

Text Fields






Buttons
Radio buttons




Checkboxes




Dropdowns

Select one

Select multiple
Select many

Other HTML field types





Anchor tag

Please click here to my github repository for Web Development!