Parker Brown |Practicing HTML Basics

Module 2

screenshot of code on a laptop

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, praesentium. Optio reprehenderit sapiente commodi consectetur. Consequatur delectus exercitationem alias laudantium quasi, at rem eligendi, quam nisi sint sequi numquam assumenda.

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 paraphraph. 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 entitites for ©, ™, ¥, and non-breaking space.

Block vs Inline Elements

Block Elements

A block element seperates itself from sirroding 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, NAV, ARTICLE, ASIDE, and others

Inline (Phrase) Elements

Inline elements do not create a new line of content. They are contained within the flow of the text. by default, two inline elements will appear side by side.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, STRONG, and others.

Semantic HTML5 Elements

Semantic elements have the benifit of describing the content of the HTML file

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

Hyperlinks

Hyperlinks are created with anchor rags, 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.


Back to top

If you want to call me, call 123-456-7890. However email me at example1234@fakemail.com for best communication.