Академический Документы
Профессиональный Документы
Культура Документы
14-MBA-1038
Page 1
HTML
HyperText Markup Language, commonly referred to as HTML, is the standard markup
language used to create web pages.[1] It is written in the form of HTML elements consisting
of tags enclosed in angle brackets (like <html> ). HTML tags most commonly come in pairs
like <h1> and </h1> , although some represent empty elements and so are unpaired, for
example <img> . The first tag in such a pair is the start tag, and the second is the end
tag (they are also called opening tags and closing tags).
Web browsers can read HTML files and render them into visible or audible web pages.
Browsers do not display the HTML tags and scripts, but use them to interpret the content of
the page. HTML describes the structure of a website semantically along with cues for
presentation, making it a markup language, rather than a programming language.
HTML elements form the building blocks of all websites. HTML allows images and
objects to be embedded and can be used to createinteractive forms. It provides a means to
create structured documents by denoting structural semantics for text such as headings,
paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such
as JavaScript which affect the behavior of HTML web pages.
In 1980, physicist Tim Berners-Lee, who was a contractor at CERN, proposed and
prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989,
Berners-Lee wrote a memo proposing an Internet-based hypertext system.[3] Berners-Lee
specified HTML and wrote the browser and server software in late 1990. That year, BernersLee and CERN data systems engineer Robert Cailliau collaborated on a joint request for
funding, but the project was not formally adopted by CERN. In his personal notes[4] from
1990 he listed[5] "some of the many areas in which hypertext is used" and put an encyclopedia
first
Page 2
<html>
<head> <center> <b> <u> RAWAL INSTITUTIONS </u> </b> </head>
<title> RIM </title>
<body bgcolor=red background="E:\620990_351164844964955_1512802276_o-1.jpg">
<body>
<center> <table border="6">
<tr>
<td> <b> ENGINEERING </B> </td>
<td> <b> MANAGEMENT </b> </td>
<td> <b> DIPLOMA </b> </td> </tr>
<td> Computer science </td>
<td> MBA (International) </td>
<td> Computer Science </td> </tr>
<td> Civil </td>
<td> MBA (General) </td>
<td> Civil </td> </tr>
<td> Machenical </td>
<td> BBA </td>
<td> machenical </td> </tr>
<td> Electronics </td>
<td> Bechular of Education </td>
<td> electronics </td> </tr>
</body>
Page 3
</html>
Page 4
Codes
<html>
<Head> <b> RAWAL INSTITUTIONS </b> </head>
<title> Rawalianz </title>
<body> HYPER TEXT MARKUP LANGUAGE
</body>
</html>
Page 5
Page 6
Page 7
FORMATTING TAG :
The character formatting tags are that are applied to any string or character.
These are of followings types:
Bold italic and underlines
<B> </B> format is used to make the text bold
<I> </I> format is used to make the text Italic
<u> </U> format is used to make the text Underlines.
<BR> tag
To break a line at a particular place without resorting to start at a new paragraph
is done by <BR> tag.
<Blink>
<em>
<s>
<sub>
Subscript
<sup>
Superscript
Page 8
Page 9
Page 10
<BR> TAG
<html>
<head> RAWAL INSTITUTE OF MANAGEMENT </head>
<title> RIM </title>
<body> <br>
<br> <br>
a communication system is a collection of individuals communications networks,
transmission system <br>
raley station suciliary station and data terminal equipment usually capable of inter connecton
and <br>
interoperaton to form of an integrated whole.
</body> </html>
Page 11
<P> TAG:
Using <P> tag we can begin writing on a new paragraph and avoid writing two
<BR> tags.
<html>
<head> RAWAL INSTITUTE OF MANAGEMENT </head>
<title> RIM </title>
<body> <br>
<br> <br>
Page 12
Page 13
Page 14
ALLIGNMENT ATTRIBUTES:
<html>
<head> RAWAL INSTITUTE OF MANAGEMENT </head>
<title> RIM </title>
<body> <br>
<br> <br>
<h1> <align=left>communications networks </h1>
<h1 align=center> transmission system raley station </h1>
<h2 align=right> data terminal equipment </h2>
</body>
</html>
Page 15
<FONT>
The <FONT> tag is used to control the display of text on the webpage. We can
specify attributes like size, colour, style and so on.
COLOUR:
Colour is used to specify the color of the font. We can use name or can specify
the hexadecimal value.
SIZE:
Size is used to specify the size of the font we can specify the size a range of
sizes for the font from 1 to 7.
FACE:
Face is used to list the font types.
Page 16
<FONT>
<html>
<head> RAWAL INSTITUTE OF MANAGEMENT </head>
<title> RIM </title>
<body> <br>
<br>
<br>
<font face="times new roman" size="+2" color="FF0000">
html provides simple and effective ways to specify lists in documents.
</font> <br>
</body>
</html>
Page 17
Page 18
Page 19
Page 20
LINKS:
<html>
<title> RIM </title>
<Head> <b> RAWAL INSTITUTIONS </b> </head>
<body>
Rawal is most repudiated and top college among the MDU colleges. <br>
For info click here... <a herf=http:/www.yahoo.com>
http:/www.yahoo.com </a>
</body>
</html>
Page 21
LISTS :
One useful features of HTML is the ability to create lists.
Lists are most ant circumstance where you want to itemize or
categories things.
HTML provides simple and effective ways to specify lists in
documents. Lists are the best methods of organizing information and
presenting its in a structured fashion.
TYPES OF LIST
Ordered list
Unordered lists
Definition lists
Page 22
1. Ordered list
<html>
<title> RIM </title>
<Head> <b> RAWAL INSTITUTIONS </b> </head> <br>
<body> RAWAL INSTITUTONS provides these courses.
<ol type="A"=1>
<li> ENGINEERING </li>
<li> MBA </li>
<li> BHM </li>
<li> DIPLOMA </li>
<li> B Ed. </li>
</ol>
</body>
</html>
Page 23
UNORDERD LIST
<html>
<title> RIM </title>
<Head> <b> RAWAL INSTITUTIONS </b> </head> <br>
<body> RAWAL INSTITUTONS provides these courses.
<ul type="disc">
<li> ENGINEERING </li>
<li> MBA </li>
<li> BHM </li>
<li> DIPLOMA </li>
<li> B Ed. </li>
</ol>
</body>
</html>
Page 24
DEFINITION LIST
<html>
<title> RIM </title>
<Head> <b> RAWAL INSTITUTIONS </b> </head> <br>
<body>
<dl>
<dt> <b> COMPUTER </b> </dt>
<dd> Computer is a electronic device. which basically made for calculation. </dd>
<dt> <b> KEYBOARD </b> </dt>
<dd> Keyboard is a input device. </dd>
<dt> <b> MONITER </b> </dt>
<dd> Moniter is a output device. which seems television </dd>
</dl>
</body>
</html>
Page 25
<html>
<title> RIM </title>
<Head> <b> RAWAL INSTITUTIONS </b> </head> <br>
<body>
<ol type="A"=1>
<li> ENGINEERING </li>
<ul type="disc">
<li> Mechanical </li>
<li> Civil </li>
<li> Computer Science </li> </ul>
<li> MBA </li>
<ul type="square">
<li> MBA General </li>
<li> MBA International </li> </ul>
<li> BHM </li>
<ul type="disc">
<li> 2 Years Diploma </li>
<li> 3 Years Full Diploma </li> </ul>
<li> DIPLOMA </li>
<li> B Ed. </li>
</ol>
<dl>
<dt> <b> COMPUTER </b> </dt>
<dd> Computer is a electronic device. This basically made for calculation. </dd>
<dt> <b> KEYBOARD </b> </dt>
<dd> Keyboard is a input device. </dd>
<dt> <b> MONITER </b> </dt>
KUMAR SAURABH ANAND
14-MBA-1038
Page 26
Page 27
TABLE
<html>
<title> RIM </title>
<Head> <b> RAWAL INSTITUTIONS </b> </head> <br>
<body>
<table border="2"cellpadding="3"cellspacing"4">
<tr>
<th> Name </th>
<th>Roll Numbers </th>
<th> Qualification </th>
<th> Department </th>
</tr> <tr>
<td> Raja </td>
<td> 14 BBA 1002 </td>
<td> BBA </td>
<td> Management </td>
</tr> <tr>
<td> Somti </td>
<td> 15 MBA 4560 </td>
<td> MBA Marketing </td>
<td> Management </td>
</tr> <tr>
<td> Kusum </td>
<td> 13 BHM 1322</td>
Page 28
Page 29
Page 30
<td>9600 </td>
<td> 4500 </td>
</tr> <tr>
<td> MAR </td>
<td> 6600 </td>
<td> 8700</td>
<td>8760</td>
<td> 5600</td>
</tr>
</body>
</html>
Page 31
IMAGES:
The image <IMG> tag is used to insert images/graphics in an HTML
documents.
The image tag is written as <IMG>. It is used to insert an image in an HTML
documents.
It is necessary to close the <IMG> tag in html. It is done so by putting a (/)
backslash after the word image. <IMG/>.
Like the anchor tag, the image tag <IMG> cannot function on its own. Various
attributes have to be included in it to display the image on the web page.
SYNTEX:
<IMG ATTRIBUTES/>
SRC
Source attributes which provide the displays a text if the picture is not displayed
on the web browser.
ALT
It is an attribute which provide the displays a text if the picture is not displayed
on the web browser.
WIDTH
Width determines how wide the display should appear on the web pages
HEIGHT
Height determines that how high the display should appear on the web page.
Page 32
<html>
<head> RAWAL INSTITUTE OF MANAGEMENT </head>
<title> RIM </title>
<h1> RAWAL INFRASTRUCTURE </h1>
<img src="E:\in_01.jpg"
alt="my image"
height=500 width=500/>
</body>
</html>
Page 33
ALIGNMENT OF IMAGE:
The align attribute of the image tag <IMG> can be used to adjust the
alignment of the image in relation to the surroundings texts.
<IMG ALIGN=position SRC =picture.gif>
<html>
<head> RAWAL INSTITUTE OF MANAGEMENT </head>
<title> RIM </title>
<body>
<h1> RAWAL INFRASTRUCTURE </h1>
<img align=bottom src="E:\in_01.jpg">
<aligned at the bottom</p>
<img align=top src="E:\in_01.jpg">
<aligned at the top</p>
<img align=middle src="E:\in_01.jpg">
<aligned at the middle </p>
</body>
</html>
Page 34
Page 35
Page 36
E-MAIL (Gmail)
The Gmail interface makes Gmail unique amongst webmail systems for several reasons.
Most evident to users are its search-oriented features and means of managing e-mail in a
"conversation view" that is similar to an Internet forum.
An official redesign of the Gmail interface was rolled out on November 1, 2011 that
simplified the look and feel of Gmail into a more minimalist design to provide a more
consistent look throughout Google products and services as part of an overall design change
Gmail is an online communications hub with world class email, text and voice chat, one-onone video conferencing, and a directory of contacts. You can use Gmail from any computer,
tablet or phone - both online and offline. Google Apps for Education Gmail includes custom
email addresses to match your school branding, plenty of storage, no ads, and administrative
controls to allow students to safely communicate - inside or outside a school domain - all for
free.
STAYING ORGANIZED
Gmail was designed to save you time, and includes helpful features to organize all of your
messages. With conversation view, messages are grouped by subject, making it easy to see
the history of your correspondence. Quickly find messages with built-in Google Search and
save searches as filters; i.e. rules to automate message organization based on your criteria.
Page 37
MOBILE EMAIL
You can stay connected away from school on tablets and phones with Gmail apps for
Android and iOS. Gmail also works from the web browser on any device with an Internet
connection. You can be productive even when you do not have connectivity with offline
Gmail access.
Page 38
just click on browser. Or open any web browser which you using.
And write the address of on Address bar or URL.
WWW.GMAIL.COM
Page 39
Page 40
SIGN IN IF NECESSARY
If you have already Email ID, then log in ID and PASSWORD
Or if you do not have E mail ID, then kindly Sign Up first.
Page 41
Page 42
Page 43
Page 44
Page 45
Page 46