TechNoviceTools

Bare Bones HTML 2

Same semantic HTML foundation, now with introductory CSS for layout and spacing.

Page Purpose

This page uses nearly the same HTML as Level 1, but now adds a very small CSS layer. The goal is to learn what CSS changes without hiding HTML fundamentals.

Text and Inline Elements

HTML can show strong importance, emphasis, highlighted text, and HTML abbreviations.

Use <code> for short snippets and Ctrl + S for keyboard commands.

Sample block code:
<h2>Section Title</h2>
<p>Paragraph text.</p>
            

Lists

Unordered List

Ordered List

  1. First step
  2. Second step
  3. Third step

Description List

Element
A building block of HTML.
Attribute
Extra information on an element, such as href or alt.

Links and Media

Visit MDN HTML Docs to learn more.

Template icon
Example image with a descriptive caption.

Tables

Sample Weekly Study Plan
Day Topic Minutes
Monday HTML headings and paragraphs 25
Wednesday Lists and links 30
Friday Forms and validation 30

Form Basics

Student Info

Favorite web topic:


Quotations and Details

Good structure makes content easier to read, maintain, and reuse.
Why add CSS slowly?

It helps you understand exactly which visual changes come from each rule.