Practicing
HTML Basics

Module 2

screenshot of computer keyboard

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam tenetur commodi aliquam distinctio dignissimos, eos praesentium maxime. Ea, tempore? Omnis odit, possimus ex sunt facilis sequi earum aliquam. Illo, aspernatur?

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

Headings are used to break up your webpages into distinct, key sections.

Line Break Elements
(<br>)

Line breaks are used to break a new line of text within a block, such as a pragraph. In Word, theses would be called line breaks (Shift + Enter)

HTML Entities

Entinties 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 clock element seperates itself from surroudning content, creating a space both above and below it. By default, two block elemtns will appear one on top the other.

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

Paragrph one

Paragraph two

Inline (Phrase) Elements

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

This paragrph contains some subscript and superscript

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

Semantic HTML5 Elements

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

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

Hyperlinks

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

I enjoy playing and studying chess. 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 the top of the page

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