Introduction to Web and HTML

HTML means Hyper Text Markup Language and it is used for designing web pages. It is used by browser to manipulate text, images and other content in order to display it in the required format. HTML contains elements and tags which tells the browser to display the content properly.HTML contain both opening and closing tags.

HTML Structure

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Head</title>
</head>
<body>
    <h1>Body </h1>
</body>
</html>

Apache Web Server

Apache is open-source and free to use. It is a server software that can serve HTTP request. The software works across multiple platforms, like Windows, Unix.Apache acts as an intermediary between your website and users’ browsers. For example if a person visits your site, their browser will send an HTTP request to the server. Apache will receive that request and then deliver the website’s files, so that the user can view your content.

Live Server

Whenever we make changes in our code or write something new, we need to refresh the page manually to see the changes. But by using this live server extension in your software you can see the changes quickly and automatically.

HTML Tags

h1

h1 is a HTML tag in which it is used for heading in web page title.

<h1>This is heading 1</h1>

h2

h2 is a HTML tag in which it is used for sub-heading after main heading in web page.

<h2>This is heading 2</h2>

p

p is a HTML tag in which it is used for paragraph in a webpage. It contains a attribute called title, in which it is used to define a name for the paragraph.

<p title="web">This is paragraph tag</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, cupiditate assumenda totam voluptate minima asperiores quam molestias incidunt atque ab veniam dolores tempora nam magnam eveniet doloremque, quidem quas nihil!</p>

img

img is a HTML tag in which it is used to display images in the web pages. This img tag consists of two attributes src and alt. src denotes the path of the image. alt denotes the name for the image, whenever the image can't be displayed.

<img src="path of the image" alt="image name in words"/>

jayanth