HTML

HTML stands for Hypertext Markup Language developed by Tim Berners-Lee in 1990

  • defines the meaning and structure of the interface i.e. widgets, widget containers, content
  • Uses a declarative syntax (compared to imperative syntax which we used in SimpleKit so far)

Tutorials: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics

Demo:

HTML Tag, Attribute, and Element

  • The tag is the syntax that defines an element and its attributes
<tag>inner content</tag>
<tag />
<tag>
  • An attribute is extra information to define elements
<tag attribute="information">
  • The element is what the tag and attribute(s) create, e.g.:
- <input type="text" /> creates a textfield element
- <div>inner content</div> creates a container element  
- <button id="b" >Click!</button> creates button element