Intro to Web & HTML

Hey there! This is my first article. In this article, we will have brief look at How the web works and a Brief Introduction to HTML.

Introduction to Website Development

Websites have a Client-Server architecture as we all know, the client here refers to the user who is accessing the information on the web by using a physical device that connects to the internet such as a Mobile phone, Computer etc. Server is another Computer or Software which responds to user request and sends back the required information to the user. These actions are performed by the medium called HTTP (Hypertext Transfer Protocol) is the set of rules for transferring files -- such as text, images, sound, video and other multimedia files -- over the web. Some the examples of servers are Apache, Google Web Server (GWS) etc. The Apache HTTP Server Project is an effort to develop and maintain an open-source HTTP server for modern operating systems including UNIX and Windows and Google Web Server (GWS) is proprietary web server software that Google uses for its web infrastructure. GWS is used exclusively inside Google's ecosystem for website hosting. In 2008 GWS team was led by Bharat Mediratta.

A Brief Intro to HTML

HTML stands for Hyper Text Markup Language. HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content.

The basic structure of an HTML document is as follows..

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebPage</title>
</head>

<body>

</body>

</html>

An HTML document is primarily divided into two parts: Head & Body, which consist of Tags, and formal name Elements. An HTML element is a component of an HTML document that tells a web browser how to structure and interpret a part of the HTML document. HTML elements can contain formatting instructions, semantic meaning, and content. The head tag contains information about the web page although it will not visible on the page. The content written in between the tags in the body tag is visible on our web page.

Let's see some of the basic HTML tags

h - tag

h - tag defines heading, it is used to write headings on a webpage.

p - tag

A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.

img - tag

The img tag is used to embed an image in an HTML page. Images are not technically inserted into a web page; images are linked to web pages. The img tag creates a holding space for the referenced image. The img tag has two required attributes: src - Specifies the path to the image.

Girl in a jacket