Practicing HTML Basics

Module 2

screenshot of HTML code

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit officiis vitae deserunt voluptatibus unde doloribus asperiores hic officia porro nesciunt cum, fugiat facilis laboriosam, veritatis totam labore odit laudantium iure!

Heading (Headline) Elements
(<H1>...<H6>)

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

Line Break elements
(<br>)

Line breaks are used to break to a new line of text whithin a block, such as a paagraph. In Word, these would be called line breaks (shift + Enter).

HTML Entities

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

Block vs Inline Elements

Block Elements

A Block Elements eperates itself from surrounding content, creating a space both above and below it. By default two Block Elements will apear one on top of the other.

Paragraphs are Block Elements. Other Block Elements include: H1...H6, HEADER, FOOTER, P, DIV, UL, OL, LI, TABLE, SECTION, NAV, ARTICLE, and others.

paragraph 1

paragrpah 2

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 superscript text. These are considered Inline Elements (they're in the line).

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 Structual elements include HEADER, FOOTER, MAIN, SECTION, ARTICLE, ASIDE, FIGURE, FIGCAPTION and NAV.

Hyperlinks

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

I enjoy playing D&D, I typically use...

The Hyperlinks above are Absolute paths. If you want to visit my main index page, you can use the realative path.


Return to the Top of the page

Home

If you want to reach me you can call 702-555-9684. However I prefer to be emailed at eburton2@cocc.edu