28 April 2023

Introduction of HTML



Introduction of HTML



HTML is the standard markup language for creating Web pages.


What is HTML

  • HTML stands for Hyper Text Markup Language
  • HTML is the standard markup language for creating Web pages
  • HTML describes the structure of a Web page
  • HTML consists of a series of elements
  • HTML elements tell the browser how to display the content
  • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.


A Simple HTML Document

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Its look like

My First Heading

My first paragraph.


Explanation

  • For Html language we can use notepad, html editor or web templates directly.
  • The <!DOCTYPE html> declaration defines that this document is an HTML5 document.
  • All the other tags are inclosed in between html start tag and end tag <html> all other tags </html>
  • The <html> element is the root element of an HTML page.
  • The <head> element contains meta information about the HTML page.
  • The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab).
  • The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • The <h1> element defines a large headingThe <p> element defines a paragraph.

What is HTML Element

An HTML element is defined by a start tag, some content, and an end tag:

<tagname> Content goes here... </tagname>

The HTML element is everything from the start tag to the end tag:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

Explanation

  • The <h1> is start tag of heading 1 (1 represents size) which alwas ends on heading end tag </h1>
  • The <p>is start tag of paragraph which alwas ends on paragraph end tag </p>

Note: There are some content elements missing (the <br> element). 

Dead elements are dead elements.  Empty elements are two notes in and tag!





Pagination:

1 2 3 4 5 6 7 8 9 10 11 12