Learn HTML in easy way

Posted on: April 11, 2021 in HTML ,

Introduction

HTML

HTML is the standard markup language for Web pages.

HTML elements are the building blocks of HTML pages.

With HTML you can create your own Website.

Filename extension : .html, .htm

Internet media type : text/html

Type code : TEXT

Hypertext Markup Language, or HTML, is the standard markup language for documents designed to be displayed in a web browser. Technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript help HTML to innovate.
HTML can be embedded into programs written in a scripting language such as JavaScript, HTML embedding affects the behaviour and content of web pages.

Sample HTML Code Block

  <!DOCTYPE html>
  <html>
  <head>
   <!-- header section -->
  <title>Site or page Title</title>
  </head>

  <body>
    <!-- body content area --> 
  </body>

  <footer>
   <!-- footer section --> 
  </footer>

  </html>

Declaration of Tags

<!DOCTYPE html>

Before the <html> tag in the html document You see that there is a <!DOCTYPE html> slogan. To notify the browser about the HTML version The <!DOCTYPE html> tag is used. It is called as the document type declaration.

<!DOCTYPE html> is not a element or tag, it is just a notify the browser about the document type. It is a null element and it does not have a closing tag for the rest of the tag, nor should it specify any content within the tag.

<html> Tag

This tag tells the browser that there is an HTML document. The text between the HTML tag describes a Web document. It acts as a container for all other HTML elements except <!DOCTYPE html>

<head> Tag

Header of the HTML document: <head>...</head>. The title is included in the head, the head’s content is not displayed on the page. The <head> tag contains metadata (document title, character set, styles, links, scripts), specific information on a web page that the user cannot display.

The <head> tag contains other head elements such as <title>, <meta>, <link>, <style> <etc.

<tittle> Tag

The HTML Title element ( <title> ) defines the document’s title that is shown in a browser’s title bar or a page’s tab. The title is placed between the <head> and the </head> tags.

HTML Title Display Code Block

  <!DOCTYPE html>
     <html>
       <head>
         <title>techsite</title>
       </head>
     </html>

result : See the below image.

<body> Tag

HTML <body> tag defines the main content of an HTML document which displays on the browser. This tag defines the document’s body. The <body> element contains all the contents of an HTML document, such as all types of headings, paragraphs, images, hyperlinks, videos, tables, lists, etc.

It is placed inside the <html> element, after the <head> element.

<footer> Tag

The <footer> tag defines a footer for a document. This section contains the footer information (author information, copyright information, etc).

Share your thoughts Cancel reply

How to styled background – easy way
CSS backgrounds define the background effects for elements in a…

How to Adding CSS to HTML – easy way
Adding CSS to HTML is essential for enhancing the visual…

What is HTML and How to Start
HTML (HyperText Markup Language) is the standard language for creating…

Complete Header tags in html – easy to learn
H tags can be used to easily write headlines in…