3 Pages in 3 Days Workshop – Front-end technology – HTML

View Github Repository Open presentation in a new window

xjsi

See all presentation from xjsi

3 Pages in 3 Days Workshop – Front-end technology – HTML

1 1

Schlumberger-trainning

On Github xjsi / Schlumberger-trainning

ThoughtWorks®

3 Pages in 3 Days Workshop

Presented by

Si Xiaojing aka Sarah

Agenda

27th Jan

Ice Breaker

25 minutes

Class one

  • Front-end technology
  • What's html
  • Html tags
  • DOM structure

Front-end technology

HTML4 & CSS2

  • HTML -> Content
  • CSS -> Style + Content
  • Javascript -> Interaction + Content + Style

HTML5 & CSS3

  • HTML -> Content + Style + Interaction
  • CSS -> Style + Content + Interaction
  • Javascript -> Interaction + Content + Style
```

HTML

HTML stands for HyperText Markup Language

What does HTML mean?

Hypertext

Overcoming the constraints of written text. Interactive.

Markup Language

A modern system for annotating a document in a way that is syntactically distinguishable from the text.

How to write HTML?