Introduction to Web and HTML

Introduction to Web and HTML

Table of contents

No heading

No headings in the article.

Summary: In this article, we are going to see some Interesting facts about the Web and HTML. We will learn about some of the live web servers also we will explore interesting things about HTML like Different Tags and their behavior. So let’s get started.

What is a Web Server?

A server is a computer program that provides services to other applications within the same Computer or on a different computer. Let’s understand more about the server from the below image.

image.png

So as you can see in the above image the server is a part of the client and server model. From the client side if you ask for any information through Internet then the server will provide you with the appropriate pieces of information. So the server is a source of information.

What is a live server?

The live server is a little development server with live reloads capacity during the session. This server can be used by the developer to see the website before it is deployed to the actual server/host. So it will give you the blueprint of actual deployment. There are certain benefits to using the live server. First and foremost this is freely available in the market. Easy to install and use.

Here are some famous live servers running out in the market.

• Apache

• Live Server by Ritwick Dey

• Live Server by negokaz

• Live Server by Yannick

Those are some of the famous live servers which are currently used by the developers. We are not going deep into each one, but I will explain to you how the live server by Ritwick dey is working.

Here are some steps to follow.

• Open your visual studio code

• Go to market place

• Search Live Server

• Click on live Server by Ritwick Dey

• Click on Install

And that’s all. Now you can able to see real-time web development on your live server.

Now let’s take some knowledge of HTML and its basic tags.

The full form of HTML is Hypertext Markup Language. The first version of HTML was written by Tim Berners-Lee in 1993. Since 1993 there have been many different versions of HTML. Currently, we are using HTML5 as the latest version. Let’s look HTML version by below image.

image.png

Some of the basic tags of HTML.

  1. <!-- -- > This tag is used to apply comments in an HTML document.

  2. < !DOCTYPE > This tag is used to specify a version of the HTML.

  3. < a > This is known as an anchor tag and it creates a hyperlink or link.

  4. < b > This tag is used to make text bold.

  5. < body > This tag is used to define the body section in an HTML document.

  6. < br > This tag is used to break the line.

  7. < button > This tag is used to create a clickable button.

  8. < div > This tag defines a division or section within an HTML document.

  9. < dl > This tag is used to define the description list.

  10. < dt > This tag is used to define terms in the description list.

  11. < font > This tag is used to define font properties like Font, Size, Color, and Face.

  12. < footer > This tag defines the footer section of the webpage.

  13. < h1 > - < h6 > These tags define different types of Heading levels.

  14. < head > This tag defines the head section of the HTML document.

  15. < html > This represents the root of an HTML document.

  16. < i > This represents text in italic.

  17. < img > This tag is used to insert the image into the webpage.

  18. < input > This tag defines an input field within the document.

  19. < meta > This tag defines the metadata of an HTML.

  20. < p > This tag is used to define a paragraph.