Week 04: HTML
1
Agenda
What is HTML5
HTML document structure
Inline, Block elements
Tables, Forms
Meta tags
Lightouse, inspect
Demo
Hands on: Iteration 3
2
Let's start!
3
What is HTML5
HTML = HyperText Markup Language
used for web documents
not a programming language
HTML5 is the latest specification of HTML
current standard
new tags for semantic only ( , , )
elements for multimedia ( , )
since 2014, previous version from 1997
4
Document structure
A simple HTML document
Hello World!
5
Document structure..
Page title
Article heading
Lorem ipsum
Lorem ipsum
6
Common inline elements
span
link
bold
italic
underline
code
button
block
paragraph holds text
heading 1
heading 6
ordered
list
8
Block vs inline elements
Block Inline
width parent block content only
break line yes no
children any inline or text
9
Tables
Name
Age
Jill
Smith
43
Eve
Jackson
57
10
Forms
11
Meta tags
not readable, for search engines
page title nad description in search results
og: properties for social media previews
title, favicon in tab
My page