Javascript AJAX jQuery HTML PHP Example MORE

HTML5 Tutorial With Example

HTML stands for Hypertext Markup Language. It is the standard markup language used to create web pages.

What is Hypertext Markup ?

  1. Hypertext is a special text or links through which we can move from one web page to another page.
  2. Markup means simply mark-up a text document with special meaningful text (called tags) that tells a web browser to display the contents in specified structure.

HTML Extension

HTML files have extension “.htm" and “.html" . You can create one using a simple text editor like Notepad (Windows) or TextEdit (Mac).

HTML Tags

HTML tags are surrounded by angle brackets (<>).

<tagname> Code goes here…</tagname>

Here <tagname> is the opening tag and </tagname> is the close tag.

HTML Page structure

A basic HTML document consists of the following structure:

<html>
<head>
    <title>Page Title</title>
</head>
<body>
    Page Content goes here…
</body>
</html>
  • <!DOCTYPE html> declares that you are using HTML5.
  • <html> is the root element.
  • <head> contains meta-information about the document, such as the page title.
  • <body> contains the visible content of the page.

Example

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <p>My first HTML File.</p>
</body>
</html>