Learning HTML
What is HTML?
HTML (Hyper Text Markup Language) is the standard language used to create the structure of web pages. It helps the web browser to display text, images, links, etc.
-HTML is a markup language which provides a set of tags suitable to making up webpages.
-HTML is a scripting language to webpages and output of programs can be seen after using browser.
-HTML is a hyper text language, because it supports font styled text, pictures, graphics and animations.
-The HTML documents are plain text tiles. These are created by using text editor’s like notepad.
-HTML is a tag-based system. The tag is a special instruction to browser.
-A tag is made up of Left operator(<) and a Right operator(>) and a logname between these two operations, optionally tag name contains one or more parameters.
-The browser won’t generate any errors.
Syntax
<tagname [parameter=value]>
Note:- Don’t give any space between left operator and tagname.
-In HTML, the every tag can have corresponding ending tag precoded by backslash symbol.
Structure of HMTL document:-
All HTML documents does follows some basic structure.
It has two blocks
-Head block
-Body block
-Head block contains control information used by the browser and title of the document.
-Body block contains content that displayed on screen and tags, which controls how that content is formatted by browser.
The basic HTML document is
<html>
<head>
<title>A HTML document</title>
</head>
<body> ….</body>
</html>
In html document, every tag can have corresponding ending tag proceded by backslash symbol (/).
Ex: <html> ….</html>
Basic HTML tags:-
→ <html> …..</html>
This is the basic tag of html document. By using this tag the browser can Identifies Weather it is html document ir not.
→ <head> …..</head>
This tag indicates the first part of HTML document and it contains control information and title of the html document.
→ <title> …..</title>
It specifies the title of the html document.
→ <body> …..</body>
It Indicates the second part of HTML document and it contains all the remaining information about webpage. The body tag has different parameters which indicates background, bg color… etc.
→ Blocks (<p>…</P>, heading tags)
The two major blocks of text in Html document are paragraph and headings.
(ⅰ) <p [align=”left”; “center”; “right”] > …</P> It specifies the paragraph.
(ii) heading tag:-
Heading tags are simple forms of text formating that vary text sizes based on header level.
Those are <h1> …</h1>, <h2> …</h2>, <h3> …</h3>,
<h4> …</h4>, <h5> … </h5>, <h6> …</h6>
Example :-
<html>
<head>
<title> My first document </title>
</head>
<body bg color= “Sky-blue”>.
<P> This document displays the title of the document and different text headings </p>
<h1> Web Technologies </h1>
<h2> Web Technologies </h2>
<h3> Web Technologies </h3>
<h4> Web Technologies </h4>
<h5> Web Technologies </h5>
<h6> Web Technologies </h6>
</body>
</html>
