Introduction

ManoharManohar
6 min read

HTML, or HyperText Markup Language, is the foundation upon which the web is built. It's the secret sauce that turns lines of code into the stunning websites and immersive web applications we adore. In this blog series, we're going to demystify HTML and guide you through its fascinating world, showing you why it's the essential first step in your web development adventure.

So, what exactly is HTML!

Imagine HTML is the blueprint of car, you can assume the blueprint of browsers like Microsoft edge,chrome, opera etc.use to construct the websites you visit!.Without HTML, the web would be a shapeless void, devoid of structure, and devoid of the mesmerizing content you enjoy.

Getting Started with HTML

HTML is the standard markup language for creating web pages. To get started with HTML, you'll need the following:

HTML tags and keywords :

HTML tags are keywords enclosed in angle brackets (<>) that represent HTML elements. Tags are case-insensitive in HTML, meaning they can be written in uppercase or lowercase, but lowercase is the recommended convention for consistency.

Here are some common HTML tags and their purposes:

  1. <html>: The root element that contains all other HTML elements on the page.

  2. <head>: Contains meta-information about the document, such as the title and links to external resources like stylesheets and scripts.

  3. <title>: Sets the title of the web page, displayed in the browser's title bar or tab.

  4. <meta>: Provides metadata about the document, including character encoding and description.

  5. <script>: Embeds or references JavaScript code.

  6. <body>: Contains the visible content of the web page, including text, images, and other elements.

  7. <div>: A generic container for grouping and styling elements.

  8. <a>: Creates hyperlinks to other web pages or resources.

  9. <img>: Embeds images in the document.

  10. <ul> and <ol>: Create unordered and ordered lists, respectively.

  11. <li>: Defines list items within <ul> (unordered) or <ol> (ordered) lists.

DOCTYPE

All HTML documents should start with a DOCTYPE declaration to specify the HTML version. For HTML5, use:

COPY

COPY

<!DOCTYPE html>

This tells the browser that this is an HTML5 document.

HTML Tags

The HTML code goes within <html></html> tags:

COPY

COPY

<!DOCTYPE html>
<html>

</html>

The main parts of an HTML document are:

  • <head> - Contains meta information

  • <body> - Contains the actual content

A basic structure would be:

COPY

COPY

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>

  </body>
</html>

Headings

You can add headings using <h1> to <h6> tags:

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: Headings of decreasing importance, with <h1> being the most important and <h6> the least.

COPY

COPY

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>

Paragraphs

Use <p> tags for paragraphs:

<p>: Defines a paragraph of text.

COPY

COPY

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

Links

You can add links using the <a> tag:

<link>: Specifies external resources like stylesheets (CSS) or icons.

COPY

COPY

<a href="https://www.example.com">Link to Example</a>

Images

Add images with the <img> tag and the src attribute:

COPY

COPY

<img src="image.jpg" alt="Description">

The alt attribute provides an alternative text.

So in summary, the basic structure of an HTML page would be:

COPY

COPY

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>   
  </head>
  <body>
    <h1>Heading</h1>      
    <p>Paragraph.</p>     
    <a href="#">Link</a>     
    <img src="#" alt="Image">
  </body>
</html>

Attributes: HTML elements can also have attributes, which provide additional information about the element or modify its behaviour. Attributes are specified within the opening tag and are written as name-value pairs.

For example, the <a> (anchor) tag often includes an href element to specify the URL to which the link points:

code<a href="https://example.com">Visit Example.com</a>

Attributes vary depending on the element and can control things like styling, behaviour, and more.

You can see My todays task code and output:-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <h1>Brief about Html tags and elements</h1>
     <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUSExMWFhUXGBgXGBcXGBUYFxoXFxcXFhUWFRYYHSggGB0lHRUXITEiJSkrLi4uFx8zODMsNygtLisBCgoKDg0OGxAQGzAlHyUtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIARMAtwMBIgACEQEDEQH/xAAcAAACAgMBAQAAAAAAAAAAAAAFBgMEAAIHAQj/xAA/EAABAwMCAwYDBgQGAgIDAAABAAIRAwQhEjEFQVEGImFxgZETobEyQlLB0fAHFHLhIzNiksLxgrJUohVDU//EABoBAAIDAQEAAAAAAAAAAAAAAAMEAQIFAAb/xAAqEQACAgICAQMEAgMBAQAAAAAAAQIRAyESMQQTQVEFIjJhFHEjM5HwFf/aAAwDAQACEQMRAD8As2nDnh5MQh3FqB17yn3idRpolzRkhKPCw1ziH7rLyUqQXsO9lWgsghE61sGO1hqq8NqU6eGozaVxUBBRoSjxpM41bd0i2CMoNfVKjnaWYCvix0VNW4UHFqxDgWCFSU32zina9n6r6gc44TFd9mWvbBVPhfGiXAOTS+9aBMpjHwlGyrbFSz4E6nIGyDcX4ZcF0CYTZfdoqbNyAOpIA91ZZxWgaZqOqMDRIJJAggwR7ghU9OM+mdyYmcO4e+mM7qzS7PGq6XIzaX9Kq8aCCDnxjy5Jip24EEIcPHTdkuQp8S4SykyMKpwnhJfkHCYe0PDTVGFZ4JYfCZBRfSuZ3LQncR7LkP1ygXG+E1agDQTC6veOaRlAq1NuUfFgpsDkmcvteCmmZATXwNvUIu+0bvC9oWwGQqQw5uVt6BOaZPpC9WxWq0UBki7wz7SYEvcM+0mEIOTsPg6K3ELYVGFp8PqvFaWITVh7OMXfaEMbpmQouH1C6agCRiHuM8k38Fe9lImMQsiXVBDe74iWZnKvcG43UcQG7pUqVnVHkJt7KWYpuDnKkYctWQ5UOvCWvJ743V7ivDhp1AIdxPtCGABgVuwv31G5GCmcfDHFq7O2wJaaXOIiCEbFMNY6pWcG02Auc47ADcoXeNAf3d0m/wAU+0hNA2jSMOb8U9PvBv09fJFw1J0yrYn8a45Wuqj4cRR+IXMEAYklk4kwIwh9SrUzrcHbc8jlsYQylcuJ7rQffb3ha3dYzIkEbjY+YI5JxcVpEU+xn4BxR1KoHtfocNnDl5jp5rt/Z7tgyuGtcNNSB/S7xafHp/ePmyhc8nDfYjGfSIRzhPFy2GtfpePs5iecHoZ59fFWVEM+oGOkSq3Eapa3CX+wnaJ13bte9pa8EseP9TYyOWQQcYyjvFvsrq2VvQAqVyea0a5aOKxiOgDJKmyykV5UOF5TOFJRdmOcvWFaOCxihMs0EuGfaTCEu8M+0jF3dhgQ8nYTFpFpYh1pxNrsLFSgto4i/hgaBpMhGrUPNEtDcIb2as3vMPOE/wCim2g4NiYWf6SlHmtHKTujmDYpPJKY+A1vjOA2SxxWq3WRzlMnZJ7QQUhk1+XQWx1uuB90FX7SnFIxurltxGm5mmVRuKoBhuy0sPjLlcegc50gTbWri+XdVwntZfuNzc6txWqjyh7h+S+iqFULhHbqzNHiFWtpD2GsakRiZDi0+6aWKOIpjuVs37FcM1s+I4CDsTtCPX3Z2jVgSzVyyAfQobxSnWhpeJ1Mae6dAgkmAQDCG8NZUqVqdOm1wcXAEmo50CZcTgcpQmk3pjik0qaDtr2JZqgvaI3BIyDyIP1Qftf2SNu0VKRNTP3O9A8Ykox224PUtqlMHXVY5pIdq0Z2IcADMSM+SHWNjWDPjhoaGkO1S6THLJzz9B4KypNbIltPR0T+DNQutCS4GKrh5Q1hg+6f+LVRphI3YRj6Vu7W2KjqtRz/ABLjM+0I3WuS45TCVq0Jt8W0yMlY1aErA5FBE1TZaM2WE4XjCuKo2JXmpY4rQqCwS4U/vLTj9XMKLh1TS5accqSVD7LL8SrYVe8sVWlUgysUtEJnPL7ijqWG4VjgHFKjjDjgoJf1C8qa0JaBCwJzdaG4xSCfG+Ey7U0q/wAKrBjQ0bqKg/WO8tmQ0yERepNdENJBu3uizMoxbcTDt0pC6UjKxTuK8a0DlGxsuOJNbzSt2ms/5jU6nEfaeDP4YxHPAKr3VR3MqnW7zS0k5BBgwcos/wDIicUvTlYSsbltWgzUBGkDxGIMdFQubynau10yzWPxSYHMwMiQtbKtoY1p3AjwMYJHmVB/KMqPe8FxJM6RzwPXkk2qbT6NCMk0gwe1TLruPqUwwNEagQ7XPJ5xEckw0gwW1RjQMsLZgE94Rv6pToWDalMio17Y2dqJ8sFGbO6mi5rROlgnwAhs/OVKW9ETkknYwCq1g+HqBLcE4yRgn5KvUu+8l7/EjXpdo/FB0/7tln80ZlP45UuJmTVvkNOtamoBug1PiSq33EJ2Ks8hEYWxoZVB5rC6En2984HdEDxEkIcs3FBVht9hupdALelWB2SrVuiSr9ndwEFeVvYZ+LrXYfFSFTvLrUUNu7/G6GMvs5V/5MX0BeCS7DRqLEEuL2SsVn5KKekxZ0iNlLZ0xOVI+xcFpQGYSs8EJr7SU2uy/VIGyi1KT4ajdSRscVFUix6HqSnUVY4TFwTsnc3EHT8On+N4jH+lu7vp4ojRwP8AjSpbHgtSsS4QymMuqvkMA8/vHwC6Fw/s5aUAZaHvbkuq971Ddo9Etdpb03lU0mki3pwCBI1ujI/pE+v17jwXJ9HRXqPiha4nb0nMaaDnua3U3W5obqIMktH4cxueeUJo1KtLYT8j80139GGhoENG0ckLNKecpKeTdj8MSSoHN4lcPwGwOpKcexzRTDjU72oEEEYPKI6eCBUqUeCK8PrgYXKZZ4x2ZxRmunDYFQim5m4g4bAO2YHkVvedirV8kBzCc9x2PRpkDyQHhVsalZj/ALtMhx8x9kfvonWpdQAnMXKStiOfhGVI5d2g7P1rYnUC6nPdqDY9NX4T5oISu0/zMjMePMIbd9nrSrOqi1p/FT7hnqQMe8ozuti6q9HMaTgArzWtLZRfiPYms1x+CRUZylwa7yM49fogVSm6mSx4IcDBB3BSmeCUbsYxNuVFV5WVLyBC0uK6HPqSlYw5bY7aRLcXp6rRlVVKzl7b1M5R3GkV5phOmOZWLyrWEYXiRlOTYHQauaIiQgNWlDkda6WoTd0yEx48q0wUyu560dUUetS2Vu6rUZSbu9waPDUYk+A3T6QOxu7B8Ea9xuqoljDFNp2c/m6Ojfr5J2uL5xMTA8P1VP4baTG0af2abQB18SfEySfEqOm/Cdx4klbAylZ5d1A0iqYOiTLiYiMzyjz6Ibwy5t7tjqlu1oyZ0HBdz7vI+W/qiN1bNqU303iWuaWuHUHBQXhfAGWdOLcu31d4zq1RM46AeynJiU9M6E3B2jS8oSIlAq9sRylNjrihWOl5NKr0MZ9dnhbVeBA/YqtJ6OBHzE/RZmTxJp6NHH5UPfQmttnIhY2uQ0CXEwAjzeAwZe9gH+mSfoIWzruhQOlmXnnu7+wXY/DnJ70dk8uKX27DFq1tFgE7ZJ6lR/zJdqd0GPL9UJovfVMnDf1RUNDW6R4DzWqoKCozJSbdm9SqYb7+6sW1wceKo3ePkPopGOAOeUfv5KGrRwdounB2SD/Eyz0VGVRs8Fp82xE+MH2anKjUwq/H7EXVs+l96Jb4Pblv6eTilMuO0FxypnGn1FPYBuSVTdTdJkRGCDyI3CpX1y5oICXiqGbb0a3d+PiFo2W9s6ThArXLiTujtiW7rslKLZS3yCDwQFiqV77ksSKhJhBitasKSqZBUTaB5BS06DuipdOyoArCCUydgLXXc6+VNjnf+R7jf/Yn0VapwkkzCaux9j8KnUdsXuA9GZ+rj7LR8bNHJJRQGWkFXVJPr9P+1FbuknqoqjiB6n8lBZ1YquHItn1BA/Na4ALxgqGg8FsHxERO23yhTUjISn2woXzzTFkYh5NQS0SMBpOr7uDMZyFVvTOSDN5wxlVpBg+BQc8BrU/8uo9o6aiW+gOyYHWY3Bgxtn/tbUnuGCVbkQLQ4ZcHDnuPrCI8N4EG5d+/Mo2Kihc6TAUc/g6jYOAhrQICs027SoqdOFMwKrZxDd7qtc1shs7qeo6XFAr28BumMxsf381aCOGmzqdwc4xKsU6kHO37CHWVWGx555K7QZPjz2Qmtsscp/iZaPpXQewf4dYF0jb4g/zB6y13/meiUb8kNkrvvHOz7Lqi6iRB+2w9HjY+ox5ErjXH+E6Wwd5iFnZpqE6+RmDcoifb1TqRmlWgLS/4R8NjXBEuD8PbVb4oc80eNvoni7AwqSSsTFZ8BBccLEL+VjWieLGejxehA7wUw4xR/EFyG3uTGJKO8OrkjLUGfjQiX9T9HQ//AM3RHNNFj/lj+mfcT/yXJKdPVUpsLYDnsaT0DnAE+xXYXyGkgR+mdk/9MxRTlJL9f+/4AzztJA0nkhlvX01wwn7QIafUGPkrz3nc+Pml7tO4gNqAwWkHyytgAOdrUx6rKj4cCOX7IQngHFRXpSMO5jxHMeBRZ7xGfdU9yGSVqrcGARjpPooTVHXHqoadVsAEE7jlvMKEMg4n9FzRyLD6vRb0B45UdvTJzmPNX6NNQ9HHjQtw7K0fU5Bb0W4kqrORUeYk+qRaFyXcRbn7rz8oCeLwQx0dPqkChRP82143Gr5iI+aJEk6FZnu9c/VW7es8ndDLGm8jce4V6jTdOSFEkiAga1UdPBcj/iRaPoXDQwktqAvg7tdqIcJ5jaF2O1qDbw6pH/iF2WrXNcXFF7HxTaz4WoB/dc4yycOnVtIPmkfI/HUdoLjdPs5bxG4qlgDtkd7LUyGzO6DcTpM0faMjkeviFL2cug3EysjPylhdDGxtsnd4rFBYVO8V4sObdkWznHBLWRMo/bM5ByHdl2d7S4J1p8GbuGFemy43LpkUUrS1cHseTqDXNdHUNIMesLqt9dNc0uZlslpj7paYcCOoISbwjhGt4BGkN7xMEmARMADJRjifGTTeQKctOQ5okvkfagfaMAbT6Ylr6bhnDk5OwGU1fcY+1PhCEcaAexzTGR+uVPW7RW5w6JHUgEejoIQ684nbvAh7Wg4kmQPE6ZMei1WgaKHBq3w6zCyRDQx/QkRmJ3yfP1XSLWHjxhJ/Z2xY/U4ZAIzyM8xKaqlBzQ1zN2iP+0NRTjrR0nugF2p4ffPqURaODWh01MgfhgunJbAOBnPszC3zt9fzW1K7DgHbFp7w8Dgny5+isvqjPgqOzrIWiMLWq+AtzU6L1tKVFkkVFnPkp+S3LYUbzhRds4oXze6QlX4ABcYzlN1VsyhFe35geBTEVogpUL4MElrieggfP0XlXj9aodLNNNvXcjzccD2Wccs63w6L6UFrRU+ICNwSwtzyIh3+4oA9/wAGXuqte4ZGloDKYOx0ydTjynzMqIyjKTXwS00rHHhtswCajnV6joMOLi0eOk4HnGUx8OoUgcmnMQWjQ0Af0t/MpK4JbOqN1uc+HZicuPUxn1OPBMtsKLQR38bsJa2B1BYAT7qMiKoQ+3HAWU61UMZ3TDm5Lp1AEnUcnMpVsLQgSGrtFSjbPg1KTnB2PtPiAOUGR19VzO3Yf5ytbUzqY2o5rSd4nE+I29FiT8Lhd9NjUJKRQp8WFJxDl4mt38NzVdqcViVf0/G3ZehS4Xw5zHgwul2ddugbIL8ERspKLkl/9CZdIPUeIBhkY5KpxS2e4lzNABiRIe0+bHNj2KHlLNzevDnaaj25OGuIGfBaX036hJXzWiH4zy7TCl5cXMFgbRfHIgg/7Dy9UsPDi7XVpaOjgymGTyBdBI2PNeVrysDqbVdI6nUPZ0hMfDqVWrS1PaxxdEDYY2JEdRtK1/52Kvvdf2Bn40oDH2IoxRJJ1Fzi6fMBMzED7PU9LXAcii1R5GVbx5qeJOL17f8AQM192zSpREnGNvfdLPEOK3DLy3oMoGpSdAqVIcY7xaXSMNIaA4zvOE2jTUETBW1K10TmQYn6Aq7fyVRG2jBhWQ5bvgeYVWo9UeyTyvUULnLzVJWpRIqjiKoVUqtJ+StXLe6oSJRorRDZrxKqG22gbuE/kkrgdoymyt8VoIc/W+W6payCwQASROox1ATbxhsFg5afzKFnBXms/wBQlh8qWrpjUYcoJAa47U16ryyjFOkMAkHWT1AOG+RC2qsuHNBbcP1DILoOfUKldsis7zn3Rnhp5I0vInP7r7H8WHGodE/Z7j9VrXC4AAZ597+kcvkM8kD4BQLbl1d3NxPuZTRxC3aWsdHUfRUXUwEj5X1DIpcX7C7xKLdDi3tK0ALEmhyxLfzcvydxRI65aOa9bVG4QS4pjfVhX+H1WuEArNcOKtBXj1ot1akNcfBKd24Jn4gA2mSk26q5Wt4C/wAd/sLhVIktWanAJ+t2BrQ0bAR7JN7OU5qA8hn2Tvw+kahMZDd43zsFPmwlllHFBW2DzNLbCXCjAPQlX9Jdtsq1LiFvTAY6WR+LnPjst39oLZuBUZ7hen8bC8OCONraWzJlLlJs1rUy3IUlLiJiD7qrW7R2/wD/AEZ/uCD3faC2yBUYT0Dh9Aj8b7RAadxmmHMY6ozXUw1pcASRvA35FXqVLUN/MLmdzw+0r3dK4rPeNBbp0kBp0u1ND5ExJOR6+Dw7tNRZOkSRyHP9VVwlekdoNC3XlOgNih/DO0Lax06SD+/1RINOrUTDR81DUl2RfwV7uyIEhUtPywjDrwRAyqFKnk+SJCTr7iGDuMjLAd9H/IoLVElEOO14rEcmtaPcav8AkhrqgK8P5+/JnL9mrhj9qF/jg01vMA/l+St8NufdQdo2yGO6YP1H5qDhR29lo+PLlii/0NQ6obK1T/CH9Q+YP6Ko8SpYmjE/eH0KhqVw3CyfObWXRSUU2e4CxQapzKxL2yvpi5Uy3vHCl4VVDNjhDWXjXNgrXTA7pWt6C40xiTsZ7uvqpOSpdnKJWdZxa8HYN+eoIXcVgTCY8eChGkQtB3gR00y7mce3/aY+wJuBWquc0mg5uXHYPae7pPPBdPolqwl1Slbs+07SPV2SfQGfRddo2rWMbTGGtAA9Ov75prxPH5Z3lfsJ+XlUYcK7KN7a06oIMoDddiqTst3Tg2g397rbTG2VuepXRkiLT7Dme8RC9uuyNIQGNzvPl5p1NSNwtSGkfqp9V+5xzp/Z8/Z3RHhHZpzKlP43dZ3iCAC90d4NJJ7ogEbE8sbpxqU4EgDb5pbr8QqfFYHEgajMxAAadzyCvyclo4YKLabMU6cHx/upBRe494/oqXCbinXpipTcHt+yS105GYMbHIweqLW79OCDCA5V0WNqNtA5KGpbwfNXKcO2f9FT4tV+BTfXJlrGOePNomPVD9SrbZKjehD4/wARYatTP3iPY6R9EGpXQDpJwh1e5YRO55+aoPeSvMzxqbbN2NRVB29uQ9rh6+y14eBAygVO4cHaeRB+iKcKqbJnFBRhSJi7Y2VD/gf+Q+jkFuXTsUR4i/8AwGxzeP8A1cgtRkZlK5Ypz2iWiPRUnBwvF7XvtAWKFG10dxFljOfJesugOaYndgeJnAtHAeNSiP8AmvKf8LeIneiB51aX5OTvpt9oE8iXTKlndA0nx/pH1/RBKx1PA5k4XTuD9hhSt9FwWioXOMAhwnZonmIE+qrjsjbUT8W5cdPIsgQeRlXhDiW52jz+H1lF66s9pIDHBp+61xhok/06h7rplZ2EG4HZAW4AILXEuaYgua4yC8figxg7AK+wuAjp1+XJafiYuONN9mR5M+WRkdV5GRMKsbwLK9SoDyGVBVY37wk+GPpun4x+RYnZdxmVDX4qRgAeuFWa4AmJ88qVgG4EnxXOKsk8+PVJ+zv4qU2zqjS15EOBB54IiPVWaTZ3+WVcpNiYCpKVdHAbszw2jZD+XaIdUc5zS5069IE6T1A3bk7mTlM0dP2Vz/8AizaOfb0HNc5r2V9THN1S1wY8ggtyIIGUY7AdpHXlAh8C4pQys2YBP3arR+F0T4EOHJAkvcuMhYZEjyLd1vd2AqUqlPBD2uaRyOppaQRy3UlMnY7qC8gNLi4ADecbmAPMmB6qj3olaPng03scaVRpa9h0uadw4bgre4BEQuw3fDLC7uGfGYTVPcBY9wcYBd39O8AHPLA6LXjPYrhtBgebZzyTABrVwNiSTD9sfNZmTxpxf6NSHkRklrZyWzl7g0NJccADcnwTFwfs/WP2mEeh/REeH8ZFu11SlTZTZ4NzBMCXOJc71KJ8O7b1Kb4qAOacgRmOipBJdjPGVWgZ2jt6tK1EtyKrc+Gl4P1CWri5e5uy7Bb8Ws70Bjmh0wSxw57A+5RJvZmzG1vT/wBqh+PzdxYOXkcdSRwP4DnjKxd8HZiz/wDi0v8AYFi7+LP5RH8qPwzdvHaRcWjUSInHX/pB+2Hac0LcvpAyTGoiQBBJI8cBc4Hbes1z3Nt2wYgF53E7EN/LktuIdqKtekWGixswcOcYgyIxnZGll12LwhUlYJ4pxes9z3l7i4QdzBB5j2S9x29qlha2o4lzmaBODOOvUhWbi60tBcCBlu33eRx6fNAq124uYKbSXMOoTgQ0y0/T2Q4Ldj2SS4nbex/aag5v8q4lppkU2P8AuOcGguYHciCee8iEyOvO8BHUSI91x/gVlUuKQL8kueXAczMj5GM9EbPH32UCs86Rs1zg54/pIBPo5bPj1wVmFn3kdfJ0upTBVN1p7oZ2a7TULtsUqrXmMt+zUH9TDn12Rh1uZxKPF17gSu2zKuULUBRmk4c/qseC0FzyGtG7nENAA6k7KJO/c4t91olbUqs7JC4h/EqyZUNKiKt04c6QaGT4PcRq8wCEv9oe2l5c0nsoNbas+8Zc6tAzh+A0GMwJjmg1a1suojN/ETi9BwZQ+M0PbVDnbGAGPH4hzcPdKNKtUtqzb2lVLjTgO/wzFWiSC9mpriDMYnYgGQqtjouLQRTBfSaNUT8bWxp1iYyST8UHmHOHIop2WrAtOka25ECRnfTp9PPGcQrK2qLNUzp3E+1NpQt23NWvTDHNDmaSXOqAiW6GjJn5c4XI+03bStxKrQaWGlQD9TabXS4wNTatQjDiAMAbSdzlXO0nA6LWa6VuKQJ70tgYkkxyG5xhJbIbcQZDBDCW4I2OoesE+XVBmuKtloK3o61wKoaIlhMnBcN4/RR9qe0Tvh6WvNWqWnS1pkNkZe87CPyXNrGq9wEPq5HJz/PqpXWDgXgOcGubycZJyDOc7rNlNvtmhjqG6Cjr5rm0qTXAjDj5MAP/ALaV4b8Go9++kfDb/VufmQPRA7bgxGZdqHMCMHOmJWN4c5rC1znkTPrM5I8UPQ16y+Bt4LXLS3TqhpBJ5kgzPvlPVtxR7jio4xGzndNj7rjtMuG4IAzkn891qZBkNMTOCfyP7lFi6QtkbnKztYv6gcZe+OUFx9/FeLjYt3u+yDEcyQZ91it6i+AfEMtoZ2j2/I/purPxBBHhuYjZbiyIP2uUdclaPtnfi9IS9L5CEDKILIjCH3VEcgibrdwGCffHtGFTr06m+CocN6ZdSBl9dPZS0sdpgl5OZ3psYAWkfed7SvK7awaKn+KWvAzLpk7g03OPvtzUF68jdhc7S9oHIlw0cjO9T/6zyRM036I5n7RPQjZbGCNRSZm5ZXJsUuKM0kOLYdM6m6ZmerYjaVase2N9TEMva4HR1Rzh7PlRcYoAEjVhAKjoJhdNUyY7WxprfxD4oRH87UjwFMH3DUvcQ4tXrma9arVI2NR7nx1jUcKkvWlBsukkHOy1m91XU3EcyQN+S6O7hupmqe8G5I2PjO3Vc94DRDiMxkbfNPdnVdTGnVqbEZ3TsFURabtg5jDbVDXY4wYa8CMjkR1IIBH9yiN1xJtrVbctzRq/5gEkHuh2tgPMGHbnBg5BC3qvDhtEcoB2ygX8yxhNJxBoSCDH+WTBOHCQ3cY2mfxTWTp2St9nRu1fEni0a+BBgdftfvmuVOn4jvNdK4lXa60LZ7oaY8CIwfKfb3XN6QJJPU/VLeW6iohvGVtsIWlUjyV+mQVRot2HRXaH9uqzWh0l+JGI3P5f2+akErGNkY5E9fVegKOiaKXEBLNoE88b/Pkt6FoBHXwn3lWr2l3RPUT06++VbosAOCekDMEjYxtv8wrexHRFToOHP+yxEGU+RPkeey9VSDx9TYYONsTuqz2DnOCTPjEGI8yFKTmQBmceB5ifRYXYjY7xJ3/OFUuQvODCqV/F3iTjbdXHtJzvG5zHT9+aq3YlpMggNPMjYE/RSlbO6Fi1qaqocQJAk8+ZDTPiXVD7IrXdLJmOcdUv8I3cGiI7onlBJd83FXL2r3NMx4wtuD0ZklsBcYq6pnkYQR6v31TO8hUSEObsJHRq0LVbxgrag3mhMug1wZmQRjw9Cn+ydqbPXf8ANK/BrUOa0x4gjzz58/JMlnRLcdU+lURSTthGlHvPlsh3HLZm8vLSNpY7MxuYIHkVdo055jqPLb8lW45Zv0HSZxlpHdODzVasmwBwXijnWlzbgyaeGnc/D1YmeQGoTyAYFVoMcJyMfluqHC6Xw3vInILSDtpdBid5wD+uUVoAZ22IjzmVnZ3tJjuJabLFuX47oPTKuUajx/8ArP76YUFu4jT6eHLoiNN3PbHLbrjqlLD0ai4InuOHPnvEiTyKmoXQIkyD5HoN8eakpuM7Y6zupAck59YUaO2RXFw0tgneOvuFfpXDTzbPnOypljSAYE8/br6KtcU2gtaACZnJju591NqqIp9hmjXkcsE9NvPn/dYqIt2E7RjkSDhYo0SWRScfveXstHMcBuMZmfVeuf8Ah/fksic9fnt+qrZNEZL8jPpt9fAKpcUXOBbGDIPrg7eaJUTlwP79eajqN9IPlvsr/uiL9hD7O2NRjXF4jUSR4wYP0VniVbEFseaN8Z+yHZ7rvqI/NL1a8MaXQekrT8efKOxHNGpC7WZJVeo2P39EQuqgMHYfXyCHVnzlEmkjo7Ii5WLJu6rFE7SiNA6nKVm9BorYwdn3VGtj4ZcJkn7s/TdNlvVwJaWyRuDufwnnySbaMraQGOaekPaDjOl0kEch07vjKZ+H1n84GRkVCdiRAAnn16+C0Iy0JyjsJsvtHejE9Yzj9QvLviTXtMO2BOefQY35osL+nH+TvMlph8gjvGQCechLXGeLvaS2HQRp0Eh2ciQYif7Lk9laF+9ILhETGSOkNifmtqRwT4IXQqFxdjIJx4E7BXHVHARp8PzhZme3kbZoYqUEgvQBkeXXwV+gcfXz/ZQqldCIEg8jBjbmI6yd1etrhpEFwnrMeqVoNZfAPrtE4nfPQeK1q1QOWMzEY8Y/fJaNqA7OGx5yAfL0W9HSW+GM8zCg42cB9odInwMGPL+6r1qhNUYGBv1ERmOkE+q2NeMDeMTv4DPyULCC8x0EkjECcD3CgktVqzww6AC7lJgbgk/VeKEuEaT9nyzA5+OVilFWrLpOJ54+qkouORykH5LFiqixYoDvegUHEDkevyWLEV/iUXYA41VLWugx3qY93QUucfaARH7ysWJ7xP8AW/7F8/5oFVWDXHL+6gvaYAwOZXqxGl+LKIqFG7Mf4bf3yWLEpk6DQLFpWcHEAwJOPMAn5o7Ycj0fPrlYsTcOkLT7Z0DgjdVuC7c6pOx3PMeaG9tWBtRgDWw7UDLWnHwy7Eju5zIhYsV12DYguoNa6mQILqLXO3y4zJ+QRC3yRP7/AHK9WJLy/wDYv6HMH4l6rgkDaY9FvSM9PYdAvViVfYcmo2rC4y0KMW7QMCPIkclixX9iCpfYkiZBEGT8+qqUq7viOE41DHoVixUkSiS6rOlmTuR6aSY9wF6sWKrLI//Z" alt="image"  >

    <p>one anchor tag and one elements are used : <a href="./first.html" target="_blank" >First html class </a></p>
    <p>one anchor tag and one elements are used : <a href="./second.html" target="_self">second html class</a></p>
    <p>one anchor tag and one elements are used : <a href="./third.html" target="_parent"> third html class  </a></p>
    <p>one anchor tag and one elements are used : <a href="./fourth.html" target="_top">fourth html class </a></p>

    <p>In google it will recognised as bold(bold tag) :<b>This text is bold.</b></p>
    <p>In google it will recognised as Important(strong tag) :<strong> This text is bold.</strong></p>

    <p>In google it will recognised as italic(font) :<i>This text is italic</i></p>
    <p>In google it will recognised as italic(font) :<em>This text is emphasized.</em></p>

    <p>This tag is used for making text small : <small> - Smaller text</p>
    <p>This element defines text that has been deleted from a document. Browsers will usually strike a line through deleted text : <del> - Deleted text</p>
    <p>element defines a text that has been inserted into a document. Browsers will usually underline inserted text : <ins> - Inserted text</p>
    <p>Subscript text can be used for chemical formulas, like  : H<sub>2</sub> O</p>
    <p>Superscript text can be used for maths square and cubes etc purpose, like : a+b  <sup> 2</sup> </p>
    <p>this tag is used for poem and writters<pre>jonhy johny 
yes papa
eating sugar 
no papa
    </pre></p>
    <p>This tag is used to write the code :<code>{
        font-family: Consolas,"courier new";
        color: crimson;
        background-color: #f1f1f1;
        padding: 2px;
        font-size: 105%;
      }</code></p>
      <p>this text is used for highlighting the text with yellow line : <mark>manohar is a good person</mark></p>
</body>
</html>

Out put:-

Brief about Html tags and elements

one anchor tag and one elements are used : First html class

one anchor tag and one elements are used : second html class

one anchor tag and one elements are used : third html class

one anchor tag and one elements are used : fourth html class

In google it will recognised as bold(bold tag) :This text is bold.

In google it will recognised as Important(strong tag) : This text is bold.

In google it will recognised as italic(font) :This text is italic

In google it will recognised as italic(font) :This text is emphasized.

This tag is used for making text small : - Smaller text

This element defines text that has been deleted from a document. Browsers will usually strike a line through deleted text : - Deleted text

element defines a text that has been inserted into a document. Browsers will usually underline inserted text : - Inserted text

Subscript text can be used for chemical formulas, like : H2 O

Superscript text can be used for maths square and cubes etc purpose, like : a+b 2

this tag is used for poem and writters

jonhy johny 
yes papa
eating sugar 
no papa

This tag is used to write the code :{ font-family: Consolas,"courier new"; color: crimson; background-color: #f1f1f1; padding: 2px; font-size: 105%; }

this text is used for highlighting the text with yellow line : manohar is a good person

End for Todays Task .......

0
Subscribe to my newsletter

Read articles from Manohar directly inside your inbox. Subscribe to the newsletter, and don't miss out.

htmlbasicsHTML tags HTML

Written by

Manohar
Manohar