HTML Brief Intro 😎

Sourav Kumar — Sat, 08 Jul 2023 07:14:50 +0000

``HTML (Hypertext markup language) is the reason behind creating web pages and is often called the skeleton of a webpage. HTML is generally a collection of tags known as HTML elements, which define the structure of the webpage.

A webpage is basically made up of two parts: the head tag and the body tag. The head tag contains meta tags, as well as other link tags to CSS and JavaScript files. This section is hidden and not displayed on the webpage itself. They are used for search engine optimization and other purposes like providing information about the page. On the other hand, the body tag represents the visible content of the webpage. It includes tags like paragraphs and heading tags such as. Both the head and body tags are nested within the HTML tags, which serve as the root tags. This is how HTML is utilized to structure the content on a webpage.

HTML tags are used to display content on the webpage. For example, paragraph tag

Hello World!

Enclose the content to be displayed as a paragraph. Notice that HTML tags consist of an opening and closing tag, with the content placed in between. However, some HTML tags do not require a closing tag, like the
tag which is used to create a line break.

HTML elements can also have attributes used to style or add properties to the HTML tag. For instance, the image tag has characteristics like height and width, which define the dimensions of the image to be displayed on the screen. These attributes are specified within the opening tag of the element. Here are some common HTML tags:

Heading tag with the largest size.

Heading tag with a size smaller than h1.

Used to create paragraphs.

// Image tags are used to display images on the screen.

// Anchor tags create hyperlinks that link to other web pages or documents.

used to display data in tabular format.

WEB SERVERS FOR BEGINNERS

Sourav Kumar — Fri, 07 Jul 2023 11:51:22 +0000

This article is helpful for beginners who want to understand web servers. A web server is simply a computer system or a combination of software and hardware that serves websites and web pages. It works on a client-server architecture where the client requests a browser by entering a URL, which is then sent to the respective server. The server processes the HTTP request or URL, checks the files at that location, generates a copy, and sends it back to the client.

A web server comprises a hardware part and a software part. The hardware part contains the website data, such as HTML files, CSS files, JavaScript files, and assets like images and PDFs. It also includes the web server software. The software handles the HTTP request, performs all the processing, and returns the HTTP response with some data or, in case of an error or missing data, an HTTP response indicating the issue. An example of such an error is the 404 error, which many developers customize extensively as it is quite common to encounter this page.

To host files, you first need to store the website files, including HTML, and related assets like images, CSS, and JS files. While it's possible to use your computer as a web server, it is preferable to use a dedicated web server provided and managed by a third party.

Web servers deliver two types of content: static content and dynamic content. Static content refers to serving static web pages, which do not have dynamic data. In these cases, there is minimal involvement of a database, and there is no need for server-side programming languages like Python or Java to render the pages.

On the other hand, dynamic content serves web pages that continuously deal with changing data based on demand. These pages require significant interaction with a database before displaying the data to users. Server-side programming languages like Java are used to render dynamic pages. Popular platforms like Quora and Wikipedia employ dynamic servers, where predefined templates using HTML, CSS, and JS are used to present data that changes and adapts based on user demand.

DEV Community: Sourav Kumar

HTML Brief Intro 😎

Heading tag with the largest size.

Heading tag with a size smaller than h1.

WEB SERVERS FOR BEGINNERS