HTML

Definition

HTML is not a programming language. It is a markup language.

Elements

Hmtl is a series of elements (ie. title, head, body, html)

Elements are case insensitive!

Block vs Inline elements

There are two important categories of elements in HTML, which you should know about — block-level elements and inline elements.

Block

Block-level elements form a visible block on a page — they will appear on a new line from whatever content went before it, and any content that goes after it will also appear on a new line. Block-level elements tend to be structural elements on the page that represent, for example, paragraphs, lists, navigation menus, footers, etc. A block-level element wouldn't be nested inside an inline element, but it might be nested inside another block-level element.

Inline

Inline elements are those that are contained within block-level elements and surround only small parts of the document’s content, not entire paragraphs and groupings of content. An inline element will not cause a new line to appear in the document; they would normally appear inside a paragraph of text, for example an a element (hyperlink) or emphasis elements such as em or strong.

Whitespace

Not needed

Comments in HTML

Links

Use relative paths

img/test.png

../img/test.png

Exercise Create Naivagtion Menu

index.html

about.html

projects.html

Sections of a Page

Header
Navigation
Main Content
Footer

Planning your portfolio

how will you layout your portfolio?

Debugging

Syntax vs Logic

Browers are permissive

Validators

W3C: validator.w3c.org