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.Paragraph Tag
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:- Mix dry ingredients.
- Add wet ingredients.
- Stir to combine.
- Heat a skillet or griddle.
- Pour batter onto the skillet.
- Cook until bubbly on top.
- Flip and cook the other side.
- Serve and enjoy!
- Cut pork belly into small cubes.
- Stir fry pork belly until browned.
- Add shallots and garlic, then saute until fragrant.
- Add mushrooms and stir fry for a while
- Pour in soy sauce and sugar.
- Add water to cover the pork, then add marinade.
- Bring to a boil, then reduce heat and simmer for 1 hour.
- Open the lid of the pot and cook over high heat until the sauce thickens.
- Serve the braised pork over a bowl of hot rice, enjoy!
Unordered List Tag
My favorite books (in no particular order)- Dune
- Lord of the Rings
- Ender's Game
- Red Mars
- The Forever War
- Three Body
- 1984
- Story of Your Life
Table Tag
| Quiz | Topic | Date | Grade |
|---|---|---|---|
| Q1 | HTML | 2/3/21 | 85 |
| Q2 | CSS | 2/10/21 | 90 |
| Q3 | Typescript | 2/17/21 | 87 |
| Q4 | MongoDB | 2/24/21 | 91 |
| Q5 | SQL | 3/3/21 | 96 |
| Q6 | Python | 3/10/21 | 95 |
| Q7 | C++ | 3/17/21 | 92 |
| Q8 | Java | 3/24/21 | 96 |
| Q9 | Go | 3/31/21 | 91 |
| Q10 | R | 4/7/21 | 97 |
| Average | 92 | ||
Image tag
Loading an image from the internet:
Loading a local image:
