Understanding Web Development (HTML Article)

Understanding Web Development (HTML Article)

This article is all about Web Development. It has an in-depth view Web Development and all of it's components..

Web Development refers to the building, creating and maintaining websites. It include aspects such as web design, web publishing, web programming and database management. It is the creation of an application that works over the Internet i.e. websites.

How Websites Work

The browser sends an HTTP request message to the server, asking it to send a copy of the website to the client. This message and all other data sent between server and client is sent across your internet connection using (TCP/IP).

Basic Requirements to build a website

voov_anim_anvil_01.gif

  • HTML

HTML stands for HYPERTEXT MARKUP LANGUAGE. It is basically a standard markup language for giving a static skeleton to web applications and websites. It is a well standardized System used for the web application building and running of the websites. HTML is mainly the skeleton to build any particular website.

download.jfif

  • CSS

It is known as Cascading Style Sheets, is a language which is used to handle the presentation of the web page containing HTML. Basically CSS is the language which is used to only design and style the website. CSS is mainly used for the beautification of the website.

Unofficial_JavaScript_logo_2.svg.png

  • JAVASCRIPT

It is often known as JS , It is a high level dynamic interpreted programming language. JavaScript is mainly used for the websites to work and it adds a proper functionality to the particular website, which allows the website to perform any particular function. It allows client side scripting to create completely dynamic web applications and websites.

HTML BOILER PLATE

A boiler plate in HTML is a template you will add at the start of your project. But when you are using any code editor like VS Code it will automatically provide the HTML boiler plate, which provides you a ease to write the code. Boiler plate are sections of code that are repeated in multiple places with little to no variation.

boilerplate2.png

What is a Doctype in HTML ?

The first line in your HTML code should be the Doctype declaration. A Doctype tells the browser What version of the HTML the page is written in.

What are Head tags in HTML ?

The tags contain information that is processed by machines, inside the tags, you will nest metadata which is data that describes the document to the machine.

head-tag.jpg

What is UTF-8 Character Encoding ?

UTF - 8 is the standard character coding you should use in your web pages. This will usually be the first tag shown in the element. A Unicode-based encoding such as UTF - 8 can support many languages and can accommodate pages and forms in any mixture of those languages. Its use also eliminates the need for server-side logic to individually determine the character encoding for each page served or each incoming form submission.

What is the viewport meta tag in HTML ?

This tag renders the width of the page to the width of the devices screen size. If you have a mobile device that is 600px wide, then the browser window will also be 600px wide. The initial scale controls the zoom level. The value of 1 for the initial-scale prevents the default zoom by browsers.

What does X-UA-Compatible means ?

This tag specifies the document mode for Internet explorer. IE=edge is the highest supported mode.

vhchfhjv.png

What are the HTML title tags ?

The tag is the title for the webpage. This text is shown in the browsers title bar.</p> <p><strong>For Example</strong></p> <title> Welcome to Angan 's Blog

Conclusion

You should add an HTML5 boiler plate to each of your HTML pages. This starter code contains important information like the Doctype, metadata, external stylesheets and script tags.