Pratik Ramteke's Blog

Introduction to Web and HTML

Photo by Clément Hélardot on Unsplash

Introduction to Web and HTML

Pratik Ramteke's photo
Pratik Ramteke
·

3 min read

Table of contents

  • What is Server

    Servers are high-powered computers built to store, process, and manage network data, devices, and systems. Servers are the engines powering organizations by providing network devices and systems with adequate resources. For businesses, servers offer critical scalability, efficiency, and business continuity capabilities.

  • What is Web Server

    At its core, a Web server serves static content to a Web browser by loading a file from a disk and serving it across the network to a user’s Web browser. This entire exchange is mediated by the browser and server talking to each other using HTTP.

  • What is Apache Web Server

    It is an open source software developed and maintained by the Apache Software Foundation. Apache HTTP Server is not a physical server, but rather a software that runs on a server. Majority of web servers around the world use Apache or Apache HTTP Server software.

  • What is Live Server Extension

    Normally, when you make a change in your code or write something new, you need to refresh the page manually to see the changes. The live-server extension, however, automates this for you. After installing it, an automated localhost will be able to run in your browser, which you can start with a single button.Once you make changes in your code or write something new, after saving it, the browser will auto-refresh itself. Then you will be able to see the changes quickly and automatically.

  • What is HTML

    HTML (HyperText Markup Language) is a markup language that tells web browsers how to structure the web pages you visit. It can be as complicated or as simple as the web developer wants it to be. HTML consists of a series of elements, which you use to enclose, wrap, or mark up different parts of content to make it appear or act in a certain way.

  • HTML Tags

    Heading tag:

    Header tags, also known as heading tags, are used to separate headings and subheadings on a webpage. They rank in order of importance, from H1 to H6, with H1s usually being the title. Header tags improve the readability and SEO of a webpage.

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

Paragraph tag:

Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.

<p>
  This is the first paragraph of text. This is the first paragraph of text. This
  is the first paragraph of text. This is the first paragraph of text.
</p>
<p>
  This is the second paragraph. This is the second paragraph. This is the second
  paragraph. This is the second paragraph.
</p>

Image tag:

This tag is used for rendering images. It has various attributes such as src( part of the image is mentioned in this), alt(holds text description of the image), width and height(set size of the image), and size and srcset.

<img src="./image.png" alt="image description">
ineuron