Introduction to Web Development and HTML

Introduction to Web Development and HTML

WEB: Web is the common name for the world wide web or Web3. the web is a collection of web pages that are stored in a server and connected to the server through the Internet. the web contains all types of information such as text, images, video, audio, etc.

Web page: A web page is a simple document displayed by a browser. these documents are written in the HTML language and styled with the CSS language. There are two types of websites 1. Static & 2. Dynamic. Static means served as-is, Statics websites are the easiest to set up. The Dynamic website means the server process the data or even generates it on the fly from a database.

Server: A server is a piece of computer hardware or software that helps store website data and is connected through the internet. The server has a constant or permeant IP address.

Web server: A computer that hosts a website on the internet.

C-panel: C panel is a web hosting control panel. it provides a graphical interface and information tools designed to simplify the process of a website.

Apache: Apache is a free and open-source web server software.

basics of web development:

HTML: HTML (Hyper Text Markup Language) is the most basic building block language of the web. In HTML, a tag is used for creating an element. with the help of HTML language, we can create a basic simple website, and make it cooler we use CSS & JavaScript language.

Emmet Tool: Emmet is the essential & required toolkit for web developers. web developers tool kit that can greatly improve your HTML and CSS workflow.

Tags in HTML:

Heading Tag: H1 is a headline tag. as we change the number from 1 to 5 the size of the word starts reducing.

<body>
    <h1>Namste</h1>
    <h2>Hello</h2>
    <h3>Namaskar</h3>
    <h4>Waddkam</h4>
    <h5>Privet</h5>
</body>

Result:-

P tag: P tag is used for the paragraph.

Syntax:

    <p> This is web development</p>

Result:-

Image tag: With this tag, we can add the image to our web page and we can change the size of the image.

syntax:-

<img src="./clipart.png" alt="clipart of fox" width="200px">

in the src, we give the path of the image, and alt attribute is for when internet is slow or down alt reflects the what inside in the src attribute, we also give the width or height to the image.

Result:-

Lorem Ipsum:-

lorem ipsum is the dummy text used in the code.it is just used for as the dummy text.

The Image we used should be Noncopyrighted. These images are with permission so no one can copyright us.

#IWRITECODE

#iwritecode