Introduction to web and html

Introduction to web and html

In this article, I will cover the introduction to the web & Html as well as some html elements.

Hello everyone. In this article, I will cover the introduction to the web & Html as well as some html elements.

Web

The world wide web also known as the Web is a collection of websites stored on a web server connected to local computers on the Internet. The World Wide Web (WWW) or Web was invented by Tim Berners-Lee in 1989 and opened to the public in 1991.

Web Server

A web server is software and hardware which allows users to store websites through Cpanel on the World wide web. It responds to clients (users) via HTTP(hypertext transfer protocol) & other protocols.

There are some famous Web servers nowadays, but Apache HTTP Server is the most famous one.

The Apache HTTP Server allows clients or users to install cpanel in their server & with that cpanel users can easily upload their web files to a web server.

HTML

Html is a standard markup language for creating web pages. Html stands for Hypertext markup language. HTML describes the structure of a Web page. Html allows you to design web pages using a markup language. Html is a combination of hypertext & markup language, where hypertext is a link between web pages & a markup language used to define the text document within the tag and which defines the structure of web pages.

HTML consists of a series of elements.

What are HTML elements

Html elements are defined by the start tag, some content, and the end tag.

<h2> Heading 2 </h2>

<p>paragraph </p>

The <h2> is the start tag and Heading 2 is the content after the start tag & before the </h2> End tag.

Also <p> is the start tag, and the paragraph is the content between the start tag and </p> End tag.

Also, some elements do not have any content like <br> and <hr>, which are called empty elements. Empty elements do not need to have an end tag.

IMAGE In HTML

The images are the crucial elements for a web page.

You can add images to your HTML file using image element <img>.

The <img> tags allow you to insert images to your webpage.

<img src="" alt="">

The image elements include some required attributes:

  • src: Specify the path of the image, where the image is located whether on the internet or on local storage.

  • Alt: this includes the alternative text which is displayed when the image fails to load.

How to create a web page

To create any web page first, you need to have a text editor installed on your computer or you can use an online editor as well.

There are many text editors nowadays like VS Code(Most Popular), Sublime Text, Atom, notepad ++, etc.

After installing a text editor you need to create an HTML file(filename.html) and write an HTML skeleton.

HTML Skelton

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

</body>

</html>

After writing your code either you can open an HTML file with local storage or you can use any live server like the famous live server by Ritwick Dey on VS Code, which helps you to run the online server on a local environment.

Conclusion

I hope this article helps you to know about the web & HTML.