HTML

  • Hypertext Markup Language
  • Developed by Tim Berners-Lee
  • Defines the structure and content of the page
  • Based on SGML, like XML

HTML Element

Image Credit: Wikipedia

Basic HTML Page

<!DOCTYPE html>
<html>
    <head>
        <title><!-- The title of your page goes here --></title>
        <!-- other metadata about your page goes here -->
    </head>
    <body>
        <!-- The contents of your page go here -->
    </body>
</html>  
    

CSS

  • Cascading Style Sheets
  • Defines the style of the page
  • Stored in a Separate File
  • Can be applied to multiple pages

CSS Box Model

Image Credit: Wikipedia

CSS Basics

h1 {
    color: red;
    font-weight: bold;
}
/* CSS Selectors */ element #id .class

Selectors can be combined
in many ways

JavaScript

  • Based on the ECMAScript Standard
  • Not related to Java
  • Java-like Syntax
  • Some Functional & Object-Oriented Elements
  • Event-Driven
  • Used to Manipulate the DOM

Image Credit: Wikipedia

"/js/highlight.pack.js"