Practicing
HTML Basics

Module 2

screenshot of some HTML code

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur facilis mollitia cum dolorum officiis sequi. Itaque, iste officiis. Placeat itaque impedit ratione a culpa quam mollitia suscipit obcaecati exercitationem incidunt?

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 within a block, such as a paragraph. 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 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, TABLE, 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 superscript text.

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

Semantic HMTL5 Elements

Semantic elements have the benefit of describing the content on the HTML file

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

Hyperlinks

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

I enjoy playing Magic: The Gathering. I typically use...

The hyperlinks above are absolute paths. If you want to visit my main index page, you can use the relative path.


return to top of page

If you want to call me, call 541.867.5309 However, email me at rpalmisano@cocc.edu for best communication.