• Home
  • Public Speaking
  • Travel

HTML Basics

Lets start with what HTML (HyperText Markup Language) is and why it is important. HTML is the standard markup language for Web pages. This page you read, is prepared with HTML. With HTML you can create your own Website.

An HTML page looks like:


Elements

Therefore, you can see some elements on the page, such as:
  • head
  • body
    • header
    • paragraph
    • link
    • image
    • iframe
    • forms
    • inputs
    • buttons
      • radion button
    • list
      • unordered
      • ordered
    • table
      • row
        • column

Breaks

<hr> is a section break and <br> is a line break in the text.

Attributes

To modify the elements, yo can add some attributes inside elements such as:
  • href
  • src
  • alt
  • width
  • height
  • ref
    • class
    • id
  • css

CSS

CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media.
CSS can be added to HTML elements in 3 ways:
  • Inline - by using the style attribute in HTML elements
  • Internal - by using a <style> element in the <head> section
  • External - by using an external CSS file

These are the CSS attributes:
  • style
    • property
      • color
      • font-family
      • font-size
      • background-color
      • text-align
      • border
  • formatting
    • b
    • i

Blocks

To cover a block, as a container; you can use block elements such as div (block-level) & span (inline).

Layout

For the layout pf the page, objects such as nav, section and aside are used.

JavaScript

For dynamic content, Javascript can be used: