HTML5 Introduction

on

HTML5 Introduction

What is HTML5?

HTML stands for Hyper Text Markup Language, it is easy and fun to learn.

HTML describes the structure of web pages.

HTML5 is the fifth and current major version of the HTML standard.

Why learn HTML5?

It is essential to learn HTML if you want to build web sites, you can't build one if you don't know HTML because it's one of the prerequisites in learning other languages used for web development.

Try it Yourself

For you to learn faster and see how our examples would actually look like simlarly on a real browser we have implemented a simple Try it Yourself Editor with syntax highlighting where you can play and experiment with the example codes given.

<!DOCTYPE html>
<html>
<head>
  <title> Hello World! </title>
</head>
<body>
  <h1> Lorem ipsum dolor sit amet. </h1>
  <p> This is a paragraph. </p>
</body>
</html>

Example Explained

  • <!DOCTYPE html>: this declares the document type which is HTML5
  • <html>: this element encloses everything inside of an html document; it includes tags, elements, style sheets, scripts, text, multimedia and a lot more
  • <head>: this element encloses the metadata of a document which will not be displayed on the main content of a web page; this could include style sheets, scripts, <title>, <meta> tags and a lot more
  • <title>: this element defines the title of a web page; it appears on the upper-part of a browser 

  • <body>: this element encloses elements like <h1>, <p>, <img>, <b>, <i> and a lot more
  • <h1>: this element defines a heading
  • <p>: this element defines a paragraph

HTML Tags

HTML Tags are element names surrounded by angle brackets.

In HTML we start and end tags. Look at the example below.

<p> Hello, welcome to Learn HTML. </p>

Start Tag and End Tag

  • Start tag also called "opening a tag". Example: <p>

  •  End tag - also called "ending a tag". Example: </p>

This is the basic structure of any HTML page. Memorize them!

<!DOCTYPE html>
<html>
<head>
    <title> Hello World! </title>
</head>
<body>
</body>
</html>

Comments

Post a Comment