Mir

MIR RIZWAN
14-MBA -1043
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
MIR RIZWAN
14-MBA -1043
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>
MIR RIZWAN
14-MBA -1043
Page 3
</html>
MIR RIZWAN
14-MBA -1043
Page 4
CREATING A WEB PAGE USING HTML

Steps: make coding with help of notepad
Save the file with using .HTML
Open the default link
Codes
<html>
<Head> <b> RAWAL INSTITUTIONS </b> </head>
<title> Rawalianz </title>
<body> HYPER TEXT MARKUP LANGUAGE
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 5
CREATING A WEB PAGE USING HEADING TAG :

<html>
<h1>ENGINEERING</h1>
<h2>MANAGEMENT</h2>
<h3>HOTEL MANAGEMENT</h3>
<h4>DIPLOMA</h4>
<H5>BECHORE OF EDUCATION </H5>
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 6
MIR RIZWAN
14-MBA -1043
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.
Miscellaneous formatting tags

HTML provides the some other formatting tags like,
<Blink>
Make a text blink
<em>
Emphasizes the text
<s>
Applied strike through to text
<sub>
Subscript
<sup>
Superscript
MIR RIZWAN
14-MBA -1043
Page 8
USING BOLD ITALIC AND UNDERLINE TAGS

<html>
<body> <u> Rawal institute </u>
one of the emerging college in <i> DELHI NCR </i>
<b>MDU ROHTAK </b>
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 9
CREATING A WEB PAGE USING SUPER & SUB TAG :<html>

<body> <u> Rawal institute </u>
<FONT SIZE=10 COLOR= BROWN>
<CENTER>
MBA 2 <SUP> ND </SUP> year <BR>
H <SUB> 2 </SUB>O
</CENTER>
</BODY>
</HTML>
MIR RIZWAN
14-MBA -1043
Page 10
<BR> TAG
<html>
<head> RAWAL INSTITUTE OF MANAGEMENT </head>
<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>
MIR RIZWAN
14-MBA -1043
Page 11
PARAGRAPH FORMATTING TAG:

Paragraph formatting applies to formatting of an entire portion of text unlike
character level tags where individual letters or words are formatted. When we
write an articles or essay the contents are grouped into a series of paragraphs.
The objective is to group logical ideas to together and also apply some format
and layout to the content. The most common paragraph is <P> tag.
<P> TAG:
Using <P> tag we can begin writing on a new paragraph and avoid writing two
<BR> tags.
<html>
<body> <br>
<br> <br>
<h3> a communication system is a collection of individuals communications

networks,</h3>
<p> transmission system raley station suciliary station and <h2> data terminal
equipment </h2>
<P> usually capable of inter connection and
inter coperaton to form of an integrated whole.
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 12
MIR RIZWAN
14-MBA -1043
Page 13
HEADINGS AND ALIGNMENT:

<html>
<h1>ENGINEERING</h1>
<h2>MANAGEMENT</h2>
<h3>HOTEL MANAGEMENT</h3>
<h4>DIPLOMA</h4>
<H5>BECHORE OF EDUCATION </H5>
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 14
ALLIGNMENT ATTRIBUTES:
<html>
<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>
MIR RIZWAN
14-MBA -1043
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.
MIR RIZWAN
14-MBA -1043
Page 16
<FONT>
<html>
<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>
<font face="arial" size="+3" color="#00FF00">

Lists are the best methods of organizing information and presenting
</font>
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 17
MIR RIZWAN
14-MBA -1043
Page 18
CREATE A WEB PAGE USING A HREF TAG

<html>
<A HREF="C:\Users\g\Documents\table.html ">
<body> <br>
<h>ENGINEERING</h> <br>
<h>MANAGEMENT</h> <br>
<h>HOTEL MANAGEMENT</h> <br>
<h>DIPLOMA</h> <br>
<H>BECHORE OF EDUCATION </H>
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 19
MIR RIZWAN
14-MBA -1043
Page 20
LINKS:
<html>
<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>
MIR RIZWAN
14-MBA -1043
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
MIR RIZWAN
14-MBA -1043
Page 22
1. Ordered list
<html>
<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>
MIR RIZWAN
14-MBA -1043
Page 23
UNORDERD LIST
<html>
<body> RAWAL INSTITUTONS provides these courses.
<ul type="disc">
<li> MBA </li>
<li> BHM </li>
<li> DIPLOMA </li>
<li> B Ed. </li>
</ol>
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 24
DEFINITION LIST
<html>
<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>
MIR RIZWAN
14-MBA -1043
Page 25
<html>
<body>
<ol type="A"=1>
<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>
MIR RIZWAN
14-MBA -1043
Page 26
<dd> Monitor is a output device. which seems television </dd>

</dl>
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 27
TABLE
<html>
<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>
</tr> <tr>
<td> Kusum </td>
<td> 13 BHM 1322</td>
MIR RIZWAN
14-MBA -1043
Page 28
<td> BHM </td>

</tr>
</body>
</html>
MIR RIZWAN
14-MBA -1043
Page 29
SPANNING ROW AND COLUMN :

<html>
<body>
<table border="2"cellpadding="3"cellspacing"4">
<caption> Annual Sale </caption>
<th align=center colspan=3>
Quarter1 </th>
<th align center colspan=3>
Quarter2 </th>
<tr>
<th>Mobiles </th>
<th> Camera </th>
<th> Watch </th>
<th> Computer </th>
<tr> <td rowspan=3>
Quarter1 </td>
<td> JAN </td>
<td> 2500 </td>
<td> 2600 </td>
<td> 3000 </td>
<td> 5000</td>
</tr> <tr>
<td> FEB</td>
<td> 5800 </td>
<td> 6000 </td>
MIR RIZWAN
14-MBA -1043
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>
MIR RIZWAN
14-MBA -1043
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.
MIR RIZWAN
14-MBA -1043
Page 32
<html>
<h1> RAWAL INFRASTRUCTURE </h1>
<img src="E:\in_01.jpg"
alt="my image"
height=500 width=500/>
</body>
</html>
MIR RIZWAN
14-MBA -1043
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>
<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>
MIR RIZWAN
14-MBA -1043
Page 34
MIR RIZWAN
14-MBA -1043
Page 35
MIR RIZWAN
14-MBA -1043
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.
FEATURES AND BENEFITS

Gmail is more than just email. Whether you are sharing an idea for a lesson with your
principal, planning a school play with your students, or contacting parents about student
progress, you will be able to manage it all quickly and easily on any device with a web
browser. Streamlined functionality with other Google Apps such as Drive and Calendar
makes exchanging files and planning meetings simpler. Here are some ways Gmail can help
you in your classroom.
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.
MIR RIZWAN
14-MBA -1043
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.
SECURE, RELIABLE AND UNDER YOUR CONTROL

Gmail features security and reliability with guaranteed uptime, encrypted connections to
Googles servers, simultaneous replicated storage for your email, built-in disaster recovery,
spam filtering, and sender authentication. In addition to custom email addresses for your
school, your administrator can also pick colors and logos to customize Gmail to match your
branding. The administrator can also impose limits on what Gmail features, like text and
video chat, are available to students, and who they can exchange messages with online.
MIR RIZWAN
14-MBA -1043
Page 38
HOW TO USE GMAIL
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
MIR RIZWAN
14-MBA -1043
Page 39
OPEN GMAIL IN YOUR BROWSER

Open the GMAIL by using the URL on address bar.
Or simply click on the Gmail logo.
MIR RIZWAN
14-MBA -1043
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.
MIR RIZWAN
14-MBA -1043
Page 41
OPEN YOUR INBOX AND TO READ YOUR EMAIL
MIR RIZWAN
14-MBA -1043
Page 42
READING YOUR EMAIL AFTER READING YOUR EMAIL
MIR RIZWAN
14-MBA -1043
Page 43
REPLY TO YOUR EMAIL AND TO DELETE YOUR EMAIL
MIR RIZWAN
14-MBA -1043
Page 44
TO WRITE AN EMAIL AND COMPOSE YOUR EMAIL
MIR RIZWAN
14-MBA -1043
Page 45
FIND RECIPIENTS ADDRESS

IN YOUR CONTACTS AND SEND YOUR EMAIL
MIR RIZWAN
14-MBA -1043
Page 46

Mir

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Mir

Загружено:

Авторское право:

Доступные форматы

MIR RIZWAN

CREATING A WEB PAGE USING HTML

CREATING A WEB PAGE USING HEADING TAG :

Miscellaneous formatting tags

Make a text blink

Emphasizes the text

Applied strike through to text

USING BOLD ITALIC AND UNDERLINE TAGS

CREATING A WEB PAGE USING SUPER & SUB TAG :<html>

PARAGRAPH FORMATTING TAG:

<h3> a communication system is a collection of individuals communications

HEADINGS AND ALIGNMENT:

<font face="arial" size="+3" color="#00FF00">

CREATE A WEB PAGE USING A HREF TAG

<dd> Monitor is a output device. which seems television </dd>

<td> BHM </td>

SPANNING ROW AND COLUMN :

FEATURES AND BENEFITS

SECURE, RELIABLE AND UNDER YOUR CONTROL

HOW TO USE GMAIL

OPEN GMAIL IN YOUR BROWSER

OPEN YOUR INBOX AND TO READ YOUR EMAIL

READING YOUR EMAIL AFTER READING YOUR EMAIL

REPLY TO YOUR EMAIL AND TO DELETE YOUR EMAIL

TO WRITE AN EMAIL AND COMPOSE YOUR EMAIL

FIND RECIPIENTS ADDRESS

Вам также может понравиться