> Module 2 | Practicing HTML Basics

Practicing
HTML Basics

Module2

screenshot of some HTML code

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque accusamus earum quod laudantium quasi, exercitationem neque non cumque possimus facere odio soluta ipsa voluptatibus dignissimos quae unde vel! Impedit, optio!

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 displaay special characters on our webpage. For example, there are entities for ©, ™, ¥, and non-breaking space

Block vs Inline Elements

Block Elements

A block element separates itself from surrounding content, creating 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.

paragraph one

paragraph two

Inline (Phrase) Elements

Phrase 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 superscripttext

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 of 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 and studying chess. I typically use...

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


return to the top of the page

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