Practicing
HTML Basics

Module 2

Picture of HTML spelled out

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus illo accusamus sunt fugit, nisi ea hic reiciendis, labore inventore illum culpa vero in. Impedit vero earum iure voluptate incidunt sapiente.

Heading (Headling) elements
(<H1>...<h6>)

Heading 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 sepcial character on our webpage. For instance, there are entities for ©, ™, ¥, and non-breaking space.

Block vs Inline Elements

Block Elements

A block element seperate itself from surrounding conte,t creaating a spcae both above aand below it. by default, two block elements will appear one of top of the other.

Paragraphs are block elements. Other block 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 elemnts, by deafult, will display side-by-side, in a line

This pargraph contains some subscript and superscript text.

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

Semantic HTML5 Elements

Semantic elements have the benfit of describing the content on the HTML file.

common semantic 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 playing and studying game-metas. 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 123.456.7890. However, email me at dmartinez5@cocc.edu