Practing HTML Basics

Module 2

picture of a laptop

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum illo, libero, voluptatibus nemo recusandae hic sunt est, tempora debitis adipisci voluptatem temporibus doloribus odit ad sit quisquam minima minus nisi.

Heading Elements

Headings are used to break up your webpage into distinct, key sections (chapters)

Line Break Elements (<br>

HTML Entities

Entities allow us to display special characters on our webpage. For intstance, there are entities for ©, ™, ¥ and non-breaking space.

Block vs Inline Elements

Block Elements

A block element seperates itself from surrounding content, creating a space both above and below it. By default, two block elements will appear one on top of the other.

paragraphs are block elements. Other block elements include: H1...H6, HEADER, FOOTER, P, DIV, UL, OL, LI, SECTION, NAV, ARTICLE, ASIDE, HEADER, FOOTER and others.

Inline (phrase) Elements

Inline elements are often, but not always, used within block elements. Inline elements, by default, will display side-by-side, in a line

This paragraph contains some subscript and supercript text.

Common inline elements include: SUP, SUB, A, IMG, SPAN, EM, STRONG, and others.

Semantic HTML5 Elements

Semantic Elements have the benefit of describing the content on the HTML file.

Common semantic STRUCTURAL elements include: STRONG, EM, HEADER, FOOTER, MAIN, SECTION, ARTICLE, NAV, ASIDE, FIGURE, and FIGCAPTION.

Hyperlinks

Hyperlinks are created with anchor tags, the < A> element.

I enjoy djing and listening to music. I typically use...