Skip to main content

Basic tag syntax explained in HTML


HTML is using tags for its syntax. A tag is made up of special characters: <,> and /.
They are interpreted by software to compose an HTML element.

Basic tag syntax explained in HTML
(Image Source - Google Images)

HTML elements generally come in pairs of tags.

To open a simple element with a start tag
  • It starts with <
  • Then a list of characters without space, the tag name (or element)
  • Ends usually with a >.

Then close the simple element with a final tag
  • It starts with </
  • Then the same list of characters without space, the tag name (or element)
  • Ends usually with a >.

If the tag name is "body", you get

<body> </body>

HTML Example
Let's create the first example

<!DOCTYPE html>

<html>
<head>
<title>Page Title</title>

</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>


</body>
</html>

Save this file as Test.html
Output: This is a Headline
            This is a paragraph.

Explanation of HTML Example :

<!DOCTYPE> - Define the document type or instruct the browser on the HTML version.

<html> - This tag informs the browser that it is an HTML document. The text between the HTML tag describes the web document. It is a container for all other HTML elements.

<head> - It must be the first element within the element, which contains the metadata (information about the document). It must be closed before the body tag opens.

<title> - As its name suggests, it is used to add the title of that HTML page that appears at the top of the browser window. It should be placed inside the head tag and closed immediately. (Optional)

<body> - The text between the body tag describes the content of the page body that is visible to the end-user. This tag contains the main content of the HTML document.

<h1> - The text between the <h1> tag describes the first level header of the web page.

<p> - The text between the <p> tag describes the paragraph on the web page.

Features of HTML
A list of the most important features of HTML language is given below :

  • It is a very easy and simple language. It can be easily understood and modified.
  • It is very easy to make an effective presentation with HTML because it has many formatting tags.
  • It is a markup language, so it provides a flexible way of designing web pages alongside text.
  • It makes it easier for programmers to add a link to web pages (by Html anchor tag), thereby increasing the interest of user navigation.
  • It is platform-independent because it can be displayed on any platform such as Windows, Linux, etc.
  • It makes it easier for the developer to add graphics, videos, and sound to web pages, making it more attractive and interactive.
  • HTML is a case-insensitive language, which means that we can use lowercase or uppercase tags.

Comments

Popular posts from this blog

Responsive Google Maps

Create Responsive Google Maps on Any Website. (Image Source - Google Images) Google Maps makes it easy to insert/embed a map into your own website. However, by default, Google Maps does not provide responsive support. In my Blog, I will show you how to make your maps responsive, using just a few lines of CSS. This technique will work on any website platform. 1. Get the embed code from Google Maps Go to Google Maps. Find the area of the map you want to use on your website. Click on the "Share" link. (Image Source - Google Images) Choose "Embed map". Select the iframe code. Right-click and copy the embed code. (Image Source - Google Images) 2. Use the Google Maps Embed Code Paste the embed code on your website. It will look similar to this: <iframe src="/" width="600" height="300" frameborder="0" style="border:0" allowfullscreen></iframe> 2.1.Modify the Embed Code Add a div tag around the embed code. Use th...

Moto G8 Power Lite Released in India

Moto G8 Power Lite with 5,000 mAh battery, Helio P35 SoC released in India . The price of the Moto G8 Power Lite in India is set at Rs. 8,999 for the 4GB + 64GB solo model. (Image Source - Google Images) Motorola's Moto G8 Power Lite made its debut in India and the new phone will go on sale later this month. The phone was introduced worldwide in April. The Moto G8 Power Lite is powered by the MediaTek Helio P35 octa-core processor and has a triple rear camera setup. The phone will be offered in a single RAM and storage configuration but in two color variants. It also includes a large 5,000 mAh battery. Moto G8 Power Lite Price in India, Sale Date... Read The Tweet... 3...2...1..The #UltimatePower has been launched!🚀 Gear up to experience power like never before with ultimate battery, performance, camera, and much more, with the all-new Moto g8 power lite at just ₹8,999! Sale starts 29th May at 12 PM on @Flipkart : https://t.co/Kc3P3geEqW pic.twitter.com/nAtUy48hFD — Motorola ...

Micromax In Note 1, Micromax In 1b With MediaTek SoCs Launched in India: Price, Specifications

Micromax In Note 1 price in India starts at Rs. 10,999 , while Micromax In 1b carries a starting price of Rs. 6,999 . (Image Source - Google Images) Micromax "In" series has finally been launched in India after much anticipation and a variety of teasers.  The new series comprises the Micromax In Note 1 and Micromax In 1b that both accompany MediaTek chipsets and run on Android 10 with a “complete stock experience”, with none bloatware and ads. Micromax has also promised to supply two years of software updates on the new smartphones. The Gurugram-based company was once a pacesetter within the Indian mobile market. However, it bowed call at the growing dominance of Chinese brands including Oppo, Vivo, and Xiaomi within the country. Micromax co-founder Rahul Sharma during the virtual launch showcased the company's facility in Bhiwadi and detailed the assembly process of the new smartphones, which are being touted to be a part of the 'Make in India' initiative. (Im...