Initiation to HTML and CSS
2016-11-03
Site
Before we start
HTML
CSS
Practical Work
Page
HTML
« Before we start
Part 1 - Elem... »
Source
HTML
« Before we start
Part 1 - Elem... »
Source
Slides
View as slides
HTML
¶
§
Part 1 - Elements and tags
Step 1 - Two sides of an HTML page: code and display
Step 2 - Your first edit
Remember...
Step 3 - HTML tags
Understanding HTML tags
Step 4 - Let’s try another tag
Step 5 - More HTML tags
Step 6 - Image (1/3)
Step 6 - Image (2/3)
Step 6 - Image (3/3)
Step 7 - Links (1/3)
Step 7 - Links (2/3)
Step 7 - Internal links (3/3)
Summary
Part 2 - More HTML elements
Nested elements
Nested elements: be careful!
Headings
Headings - expected result
Lists
Ordered list
Unordered list
Make your own lists
Make your own lists - expected result
Summary and a piece of advice