HTML  Refresher ✔✔

HTML Refresher ✔✔

A quick revision of whole HTML........

·

3 min read

What is HTML ❔❔

  • Html is the very first step towards the web development and very easy to understand .

  • Html stands for HYPER TEXT MARKUP LANGUAGE.

  • As the name suggest it is a Markup language which helps in the presentation of the data (note : markup language is different from programming language).

  • HTML was invented by Tim Berners-Lee in 1993.

  • To understand in easy language we can say that HTML is skelton like of a web page.

let's start with the main content which we need to learn as a web developer

-------------------------- So , here we go --------------------------

Basic structure of HTML

  • HTML mainly consists of head and body.

  • Head contains the information which is not displayed to the user or web page . mainly the tags like <tittle>,<script> are written in head part.

  • Body contains the information or the data which is displayed on the web page . for example : headings and paragraphs etc.

<head>
<title> Title of web page</title>
</head>
<body>
<h1> Heading one </h1>
<p> paragraph </p>
</body>
</html>

Understanding Tags and Attributes

Tags

  • Tags are the keywords enclosed in angle brackets.

  • Tags are mainly of two types paired and unpaired.

    Paired have both opening and closing tags example : <html> </html>, <p> </p> etc.

    Unpaired have only opening tag or do not need closing tag example : <img> , <a> , <br> , <hr> etc.

  • Note: The tags like <br>,<a> which do not contain any content are also called empty tags

Attribute

  • Attribute provides value to the element.

  • these are written inside the tags.

  • for example : <a href="https://www.google.com"> GOOGLE </a>

  • In above example, attribute used is href .

Note : Html5 is the new version of Html which supports audio , video and simmentics tags

Elements

  • Elements are nothing but the content which is wrapped by the paired tags

  • we can also say element is a piece of code with paired tags.

  • example : <p> Heyy Ashish </p>

  • Elements are of two types Block elements and Inline elements.

Block elements

  • these elements occupy full space from left to right on web page

example : <p>, <ol> , <ul> , <dl>

Inline elements

  • these elements occupy no extra space outside the content written.

example :

let's go through some important tags Html

1.HTML Formatting Elements

  • Formatting elements were designed to display special types of text.

2.Iframe tag

  • When we want to show any other web page on our web page then we use iframe tag.

3.Table

  • In table there are mainly three tags used <table>,<th>,<td>

    th is used for table heading td is used for table data

4.Forms

Summary

In this article, We have talk about the web and HTML . In HTML, there are many more tags and those are equally important to them which I mentioned in this blog. I will soon update my github account link also from there you can fetch the files for better understanding

About Me

My name is Ashish. I'm working in a Multinational company as software engineer and I'm also a learner. If I skip anything in this article. Please Let me know I will be very happy to know my mistakes and will try correcting the mistakes as soon as possible.

Thanks for reading😊😊

Happy learning.......