Practicing HTML Basics

Module 2

This is a collection of my notes and practice alongside the CIS195 Module 2 HTML Basics lecture/demo.

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

Headings are used to break 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.

paragraph one

paragraph two

Inline (Phrase) Elements

Inline elements are ofte, but not always, used within block elements. Inline elements, bu 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 HTML5 Elements

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

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

Hyperlinks

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

I enjoy playing video games on my computer. I typically use...

• Steam.com
• Gog.com
• PSN

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 Return to the CIS195 Homepage

If you want to call me, call 876.5309. However, email me at bellmaison99@gmail.com for best communication.