Initiation to HTML and CSS 2016-11-03
  • Site
      • Before we start
      • HTML
      • CSS
      • Practical Work
  • Page
      • Initiation to HTML5 and CSS
        • Table of contents
        • Credits
  • Before we start »
  • Source
  • Initiation to HTML5 and CSS
    • Table of contents
    • Credits
  • Before we start »
    • Source

    Slides

    • View as slides

    Initiation to HTML5 and CSS¶§

    Version: 2016-11-03

    Table of contents¶§

    • Before we start
      • What is internet?
      • What is the Web?
      • The first web page?
      • Who created the first web page?
      • What’s behind the scene?
      • Role of the web browser
    • 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
    • CSS
      • Part 1 - Where the magic happens
        • Introduction to CSS
        • What have we done to change the style of the page?
        • What is CSS?
        • Let’s see how CSS works!
        • What is a CSS rule?
        • Want to see more examples?
      • Part 2 - Focus on some CSS rules
        • Many many rules
        • Styling the text
        • Changing the background
        • Lists
        • Borders
    • Practical Work
      • Anatomy of a webpage
      • Now it’s time to create your own web page!
    • Index

    Credits¶§

    This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

    CC-BY-NC-SA

    Thank you to MixTeen for comments and improvements on this activity!

    Back to top

    © Copyright 2016-2016, Amélie Cordier.
    Created using Sphinx 1.4.6.