Introduction to Web and HTML

Introduction to Web and HTML

Server

A server is a computer software that accepts and replies to requests sent via a network. It agrees with the client's request for a web document and transmits the requested information to the client's computer through the Internet. A server is just software that serves. eg. apache2, Nginx

What is a web server?

A web server is a specialized computer in charge of running websites accessible over the Internet. They are specialized programs that circulate web pages as the user requests. The basic goal of every web server is to gather, process, and deliver web pages to users.

Apache

Apache HTTP Server delivers web content via the Internet as a free and open-source application. In a short period of time, the HTTP client became the most popular on the web and was commonly known as Apache.

Live Server

A small software that can continue to notify my memory and update the state if there is something change in my file extensions live server and live server preview. Every time we modify a web page, we must reload the page to view the changes since they are constantly updating. Ritwick Dey solved this problem by developing a Live Server extension that reloads it automatically and saves development time.

HTML

HTML referred to as Hyper Text Markup Language is used to build websites and web applications. To create a framework for web pages, HTML is used to develop the skeleton of a web application. According to coding standards, an HTML file should be saved with either the.html or.htm extension and should be titled index.html or default.html.

What is Tag?

HTML tags specify how a web browser will format and display the text. A tag is always enclosed in two angle brackets, like this <>...</>; let's take the example of a heading tag.

What is an Element?

A web browser is instructed by an HTML element on how to structure and interpret a certain section of the HTML text. The content to display Some elements don't have a closing or ending tag, like the <br>tag.

<StartingTag> The content to display </EndingTag>

What is Attribute?

Additional information about HTML components is provided through HTML attributes. Attributes mean properties. All HTML elements have attributes. Attributes are always specified in the start tag.

Structure of HTML

html_structure

This is the parent or root opening Html tag. The image above demonstrates the HTML structure, where everything in the tag is displayed to the browser and everything in the tag is displayed to viewers as part of the web page. Let us take the example:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <h1>Hello</h1>
  </body>
</html>

Standard HTML Tags

<!doctype html>

document type Html. It serves as "information" to the browser about the sort of document to anticipate.

<html>

This is the parent or root opening Html tag.

<head>

All of the metadata for the document is contained in this tag. While loading, these details are hidden from end users.

<title>

The <title> tag defines the title of the document

<body>

The <body> tag in HTML is used to define the main content present inside an HTML page.

Essential Tags for Your HTML Document

Paragraph Tag

The <p> tag creates a paragraph in an HTML document.

Example:

<p>Enter Paragraph Here...</p>

output:

Enter Paragraph Here…

Heading Tag

This tag is used to separate headings and subheadings on a webpage. we use different types of tags ranging from <h1> to <h6>

Example :

<h1>Enter First Heading Here...</h1>
<h2>Enter Secondary Heading Here...</h2>

Output: heading_tag

Anchor Tag

An anchor tag defines a hyperlink that links one page to another page. Example:

<a href="where to navigate">Click on this Link Here...</a>

output:

Click on this Link Here...

br tag

br tag adds a single-line break.

<p>This is paragraph one.<br> This is paragraph two.</p>

output:

I am on line one.
I am on line two.

Image Tag

The <img> tag is used to link to the HTML page. Attributes:

  1. src: It is used to specify the path to the image.

  2. alt: It is useful as it informs the user about what the image means and also due to any network issue if the image cannot be displayed then this alternate text will be displayed.

  3. height: It is used to specify the height of the image.

  4. width: It is used to specify the width of the image.

Our discussion of HTML and web servers is now complete. If you have made it this far, thank you so much. I would love to hear what you think.