Intro To Web Server & Html

Intro To Web Server & Html

What is a Web Server?

A web server is a hardware and software computer system that processes and responds to the requests of the users over the internet.

The hardware Server part contains the web server software and websites and web pages. Websites have components that are HTML text format, CSS stylesheet, and JavaScript files.

The software server contains many parts that control how a web server can access the files. These servers are Hypertext Transfer Protocol(HTTP) servers. An HTTP server is software that understands the URL and Links of the websites. HTTP server can access through the links and domain names of the websites and the server delivers the contents of these hosted websites to the users.

Popular web server software includes Apache HTTP sever, Nginx, Microsoft and Internet Information Services(IIS).

Apache Server :

Apache also known as the Apache HTTP Server, is one of the most widely used web server software. It's developed and maintained by the Apache Software Foundation. Apache is open-source software, which means its source code is freely available to the public for use, modification, and distribution.

Types of Web Server :

  1. STATIC WEB SERVER

  2. DYNAMIC WEB SERVER

A Static Web Server , or stack, consists of a computer with an HTTP server. It sends the website files as it is to the browser without any changes.

A Dynamic Web Server consists of a static web server and some extra software like a database and an application server. It updates the hosted files before delivering the files to the web browser.

HTML Basics

What is HTML?

HTML stands for Hyper Text Markup Language. It is the standard markup language for creating web pages. It creates a structure for web pages. It consists of a series of elements.

We write HTML in the format text-document using different types of tags and it is converted by web-browser in the form of websites or webpages. Web-browser receive HTML documents through web servers or from local storage.

Tags in HTML :

HTML tags specify how a web browser should format and present the text. The opening tag, content, and closing tag are the three essential components of an HTML tag. A tag is always surrounded by two angle brackets<>...</>.

Some common tags-

Heading Tag

The h1 to h6 elements specify the six main types of HTML headings. from the highest level h1 to the least level h6.

<h1> The main Heading </h1>  
<h2> The Sub Heading </h2>

Paragraph Tag

A webpage's paragraph is defined by the HTML p tag.

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

Anchor Tag

A hyperlink that connects one page to another is defined by the HTML anchor tag.

<a href="home.html"> Home Page </a>

Line Break Tag

Where line division is required, such as in a poem or an address, it is typically utilized.

<p> Hello I am Akansha, <br> A Software Developer <br> Hope you like this Blog </p>

Image Tag

Images are displayed on web pages using the HTML img tag, it is an empty tag closing element is not used here.

<img src="image.png" alt="Header Image">

Attributes of HTML img tag are:

  1. src: Describes the image's source or path.

  2. alt: Specifies a substitute text for the picture

  3. width: For defining the width in which the image will be displayed.

  4. height: For defining the height in which the image will be displayed.

Elements in HTML :

The start tag through the end tag are all considered HTML elements. The syntax of the HTML element is <tag.name> Content to be written </tag.name>.

<h1> This is heading </h1>
<p> This is paragraph. </p>

Attributes in HTML :

More details regarding elements are provided through attributes. Always specify attributes in the start tag. The standard format for attributes is name="value". The syntax of the HTML attribute is <tag_name name="value"> Content to be written</tag_name>.

<a href="https://google.com"> Go to Google </a>