Important Tags

chibi of Atlas

This is just a list of common tags learned in lesson 2. We have the italic (em) tag, The Bold(strong) tag A link and ig code? We didnt really learn this one...but ok we're making tables next

Important info: Inline V. Block elements
Inline: Elements such as strong, em, and images are inline elements. They don't jump to a new line everytime we make something bold or italic. Inline elements only take up as much width on the page as nessisary.
Block: Always start on a new line. One of their main purposes is to divide the page's text into different presentational groups, such as paragraphs or lists. Block elements bound the full width of the page.

inline vs block

Tables below

Block Elements

Tag Name Purpose
h1h6 headings Include a heading (levels 1–6)
p paragraph include a paragraph of text
table table include a table
tr table row include a row of data
th table header make a table header
td table data include a table data cell
ol ordered list create a numbered list
ul unordered list create a bulletin list
li list add a new part of the list

Inline Elements

Tags Name Purpose Examples Result
em emphesized make emphesized text <em>technical sophistication</em> technical sophistication
strong bold make bold text <strong>I am important</strong> I am Important
a link make linked text <a href="link" target="_blank">This is Atlas</a> This is Atlas
img image add an image <img src="text">

Divs and Spans

Divs

The div is a block element

Spans

The span is an inline element