2. 2
HTML (HYPERTEXT MARKUP
LANGUAGE)
HTML is the lingua franca for publishing hypertext
on the World Wide Web
Define tags <html><body> <head>….etc
Allow to embed other scripting languages to
manipulate design layout, text and graphics
Platform independent
Current version is 4.x and in February W3C released
the first draft of a test suite 4.01
3. STRUCTURAL TAGS
<HTML>
These tags enclose the entire Web page document.
</HTML>
<HEAD>
These tags enclose the Head part of the document
</HEAD>
<TITLE>
These tags enclose the title of the document. This text appears in the
title bar in the browser and on the bookmark list if someone bookmarks
your web page.
</TITLE>
4. HEADER TAGS
Header Tags -- Used for marking sections and subsections in
a document.
<H1>Header 1 -- Giant-sized and bold </H1>
<H2>Header 2 -- Large and bold </H2>
<H3>Header 3 -- Normal-sized and bold </H3>
<H4>Header 4 -- Small and bold </H4>
<H5>Header 5 -- Very Small and bold </H5>
<H6>Header 6 -- Tiny and bold </H6>
5. BREAKING LINES AND PARAGRAPHS
<P> text </P>
Paragraph tag
Most browsers render (process) this with blank lines
between each paragraph
<BR>
Line break tag
Used when the webmaster wants a carriage return but
doesn't want a blank line to follow
Example: text a
<p>text a</p>
<p>text b</p> text b
<br>text c
<br>text d text c
text d
6. TEXT FORMATTING TAGS
Some basic text formatting styles:
Tag Result
<I> Italics </I> Italics
<B> Bold </B> Bold
<PRE> Preformatted Text </PRE> Preformatted
Text
<STRONG> Strong </STRONG> Strong
<ADDRESS> Address </ADDRESS> Address
<CITE> Citations </CITE> Citations
<CODE> Source Code </CODE> Source Code
7. FONT MODIFICATIONS
Web creators can also change the way text looks by using the <FONT>
tag
SIZE="number" - changes size of the font; 1=smallest, 7 = largest
<FONT SIZE="7">Big</FONT> <FONT SIZE="1">Small</FONT>
BigSmall
COLOR="color-name" - changes text color
<FONT COLOR="red">This is red</FONT>
This is red
FACE="font-name" - changes font
<FONT FACE="verdana">This is the verdana font;</FONT> <FONT FACE="chicago">this is the chicago font.</FONT>
This is the verdana font; this is chicago font.
8. LISTS -- UNORDERED LISTS
Unordered lists:
<UL>
<LI>Item One
<LI>Item Two
<LI>Item Three
<LI>Item Four
</UL>
• Item One
• Item Two
• Item Three
• Item Four
Unordered List Attributes:
type="disc/circle/square"
• Disc (default) Circle Square
9. LINKS
The anchor tag <A> is used to link one document to another or from one part of
a document to another part of the same document.
Basic Links:
<A HREF="http://www.stanford.edu/">Stanford University</A>
Inter-document Links:
<A HREF="#spot">Point to 'spot' in this document</A>
Defining a point in a document:
<A NAME="spot">Spot</A>
Email links:
<A HREF="mailto:someone@somehost.com">Email
someone@somehost.com</A>
10. 10
IMAGES
<IMG>This element defines a graphic
image on the page.
Image File (SRC:source): This value will
be a URL (location of the image) E.g.
http://www.domain.com/dir/file.ext or
/dir/file.txt.
Alternate Text (ALT): This is a text field that
describes an image or acts as a label. It is
displayed when they position the cursor
over a graphic image.
Alignment (ALIGN): This allows you to
align the image on your page.
11. 11
IMAGES
Width (WIDTH): is the width of the image in pixels.
Height (HEIGHT): is the height of the image in
pixels.
Border (BORDER): is for a border around the
image, specified in pixels.
HSPACE: is for Horizontal Space on both sides of
the image specified in pixels. A setting of 5 will put 5
pixels of invisible space on both sides of the image.
VSPACE: is for Vertical Space on top and bottom of
the image specified in pixels. A setting of 5 will put 5
pixels of invisible space above and bellow the image.
12. 12
SOME EXAMPLES ON IMAGES
1) <IMG SRC=“jordan.gif“ border=4>
2) <IMG SRC=" jordan.gif" width="60" height="60">
3) <IMG SRC=“jordan.gif" ALT="This is a text that goes
with the image">
4) <IMG SRC=" jordan.gif “ Hspace="30" Vspace="10"
border=20>
5) < IMG SRC =" jordan.gif“ align="left">
blast blast blast blast blast
13. 13
TABLES
In this chapter you will learn that tables have many
uses in
HTML.
Objectives:
Upon completing this section, you should be able to:
1. Insert a table.
2. Explain a table’s attributes.
3. Edit a table.
4. Add a table header.
15. 15
TABLES ATTRIBUTES
BGColor: Some browsers support background
colors in a table.
Width: you can specify the table width as an
absolute number of pixels or a percentage of the
document width. You can set the width for the
table cells as well.
Border: You can choose a numerical value for
the border width, which specifies the border in
pixels.
CellSpacing: Cell Spacing represents the space
between cells and is specified in pixels.
16. 16
TABLE ATTRIBUTES
CellPadding: Cell Padding is the space between the
cell border and the cell contents and is specified in
pixels.
Align: tables can have left, right, or center alignment.
Background: Background Image, will be titled in IE3.0
and above.
BorderColor, BorderColorDark.
17. 17
CSS (CASCADING STYLE SHEET)
Controls format:
Font, color, spacing
Alignment
User override of styles
Aural CSS (non sighted user and voice-browser)
Layers
Layout
User Interface
19. 19
Password: Used to allow entry of passwords.
<INPUT TYPE= " PASSWORD " >
Browser will display
Text typed in a password box is starred out in the browser
display.
Password boxes use the following attributes:
TYPE: password.
SIZE: determines the size of the textbox in characters.
MAXLENGHT: determines the maximum size of the
password in characters.
NAME: is the name of the variable to be sent to the CGI
application.
VALUE: is usually blank.
PASSWORD
21. WHAT IS TOURISM?
Tourism is the generic term to cover both demand
and supply that has been adopted in various forms
and used throughout the World.
• Tourism is the travel for recreational(Fun),
Leisure(Rest), Family or Business Purpose.
• Tourist is someone who is making a visit to a main
destination outside his/her usual environment for
less than a year.
26. TOURISM IN INDIA
A kaleidoscope of traditions, culture and
vibrantgeographies, India speaks for itself as a
soulstirring journey.
From its dusty snow trenches, frolic coasts, gripping
natural green to the mystic ravines of spirituality
and clusters of cultural shades defining the raw
beauty, India captures the heart of every tourist.
With the country's tourism branched into several
forms, India has a chunk for every kind of a traveler.
27. TOP PLACES VISITED BY
TOURIST IN INDIA
Gujarat
Jammu kashmir
Delhi
Goa
Uttar Pradesh
Rajasthan
Kerala
Himachal Pradesh
28.
29. LEH LADAKH
The largest town in Ladakh is Leh, followed by Kargil. Almost half of Ladakhis are
Shia Muslims and the rest are mostly Tibetan Buddhists. Some Ladakhi activists
have in recent times called for Ladakh to be constituted as a union territory because
of perceived unfair treatment by Kashmir and Ladakh's cultural differences with
predominantly Muslim Kashmir.
30.
31. KERALA BACKWATER
Kerala’s little gem, Fort Kochi, is a melting pot of diverse cultures and traditions that date back to the
colonial era of Portuguese. Walk along the shores lined with Chinese fishing nets. Visit the bustling
bazaars selling everything from spices to antiques. Spend a day with the fishermen family. Relax and
enjoy your evening watching Kalaripayattu or Kathakali performance – every element of this quaint city
exudes rich culture, traditions and customs that will amaze you.
How to reach: Kochi International Airport is the nearest airport (45 km.). Ernakulam Junction and
Ernakulam Town are the nearest railway stations, 13 km. and 16 km. respectively from Fort Kochi. Cruise
ships are available from Goa, Bombay, Colombo and Lakshadweep till Willingdon Island, which is 10
minutes from Fort Kochi. It is also connected via state and national highways.
32.
33. DELHI
Delhi is a blissful mix of old traditions and value and modern lifestyles. Typically, it is a
melting pot of diverse cultures as people from around the country have come and settled in
the capital city of India. Old Delhi is where you can witness rich cultural exuberance and
heritage that will travel you to the era of the Mughals. The majestic forts, palaces and tombs
are a mark of Delhi’s delightful heritage. On the other hand, bustling bazaars of Chandni
Chowk, authentic North Indian cuisine and warm hospitality portray its rich culture.
How to reach: Indira Gandhi International Airport at New Delhi connects the city to all major
cities in India and abroad. New Delhi Railway Station, Old Delhi Railway Station and Hazrat
Nizamuddin Railway Station are the three important railheads connecting to all major
destinations in India. The city is also well-accessible by state and national highways.
34. QUTUB MINAR
Qutub Minar is a 73-metre (239.5 feet) tall tapering tower
of five storeys, with a 14.3 metres (47 feet) base
diameter, reducing to 2.7 metres (9 feet) at the peak. It
contains a spiral staircase of 379 steps.
35.
36. GOA
Goa’s distinct culture and ethnicity will simply amaze you as you find yourself indulge amid gala festivity, music and dance,
delicious cuisine, football and Indo-Portuguese architecture. The Portuguese touch on Goan culture is what makes it most
unique and intriguing. It is Goa’s lively cultural exuberance and hospitality that make it one of the top 10 cultural
destinations in India. Goan cuisine, Goa Carnival and other festivals and a match of football are complete no-miss on your
visit to this beautiful state of India.
How to reach: Goa is accessible to most important cities across the world via Goa International Airport at Dabolim. It has two
major railheads – Madgaon and Vasco Da Gama, connecting it to most of the major cities of India. Regular bus services and
car on hire are also available from Maharashtra and Karnataka.
37.
38. RAJASTHAN
Jaipur is capital of Rajasthan that exemplifies the intriguing history and cultural heritage of the bygone era.
The Pink City is acclaimed for its majestic forts & palaces and rich cultural traditions that resound with the
glories and royalties of the erstwhile rajas and maharajas. For a memorable sojourn to the land of royal
kings and princes, do not miss to explore the forts and palaces of Jaipur, savour lip-smacking Rajasthani
cuisine, shop in the bustling markets and be a part of colourful festivals & fairs.
How to reach: Jaipur Airport connects the city to most domestic cities and other cities in Dubai, Kuala
Lumpur and Sharjah. Jaipur Railway Station is also connected to important cities like Mumbai, Delhi,
Kolkata, Chennai, Bangalore, Goa, Hyderabad, etc. It is also well accessible via roadways.
39. AHMEDABAD, GUJARAT
To have a true taste of the city’s cultural legacy, embark on a memorable
heritage walk at night, exploring the erstwhile monuments and havelis, bustling
bazaars and mouth-watering local food at Manek Chowk. Visit the Sun Temple in
Modhera, 100 km. from the city. The temple was built in 1026 A.D. and is
renowned for its outstanding architecture. Discover the amazing textiles of India
at the famous Calico Museum and come back home with a traditional Patola sari
from Ahmedabad.
How to reach: Sardar Vallabhai Patel Airport gets regular international and
domestic flights. Ahmedabad Railway Station is a major railhead in the city. It is
also accessible via roadways connecting Mumbai, Pune, Surat and other cities.
40.
41. LUCKNOW, UTTAR PRADESH
Lucknow is always recognised as a multi-cultural city that has flourished over the
decades as an important artistic and cultural hub of India. A seat of the Nawabs
during the 18th and 19th centuries, Lucknow is renowned for its old-world charm,
fine art, traditional Awadhi cuisine, and hospitable people. Do not miss to taste
Lucknow’s lip-smacking delicacies and experience their amazing music and
dance forms.
How to reach: Amausi Airport is Lucknow’s domestic airport, while it is also
connected to major cities of India via regular trains. Regular bus service is also
available from other cities.
42. VARANASI
If you are looking for an astounding blend of colours, traditions and customs, visit the most sacred places in the world,
Varanasi. A potpourri of diverse cultures and religion, here’s where you would come across with a harmonious blend of
Hinduism, Buddhism and Jainism. Embark on a memorable sojourn to the land that is kissed by the holy River Ganga and
dotted with innumerable temples, bustling markets, riverside ghats and ashrams. Do not miss the evening Aarti at Ganga ghat
which is truly an amazing experience. The city is also famous for its artistic sarees and classical musicians.
How to reach: Varanasi Airport is connected to some major cities like Delhi and Mumbai. Varanasi Railway Station is also
well-linked to important cities of India. It is accessible to Uttar Pradesh and other states by roadways.