Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
0% found this document useful (0 votes)
10 views

Lesson 3 HTML

This document provides an overview of HTML (Hyper Text Markup Language) and how to write HTML documents. It discusses: - HTML uses tags to tell web browsers how to display web page contents like text, images, and hyperlinks. - Common tags include <HTML>, <HEAD>, <BODY>, <TITLE>, <P>, and <BR>. Attributes specify additional characteristics of tags. - The basic structure of an HTML document includes <HTML>, <HEAD> with <TITLE>, and <BODY> sections. - Tags are written in lowercase and enclosed in angle brackets. Common tags were explained with examples.

Uploaded by

pandeyamit2522
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
10 views

Lesson 3 HTML

This document provides an overview of HTML (Hyper Text Markup Language) and how to write HTML documents. It discusses: - HTML uses tags to tell web browsers how to display web page contents like text, images, and hyperlinks. - Common tags include <HTML>, <HEAD>, <BODY>, <TITLE>, <P>, and <BR>. Attributes specify additional characteristics of tags. - The basic structure of an HTML document includes <HTML>, <HEAD> with <TITLE>, and <BODY> sections. - Tags are written in lowercase and enclosed in angle brackets. Common tags were explained with examples.

Uploaded by

pandeyamit2522
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 24

LESSON 3 : Hyper Text Markup Language

It is a scripting language which is used to create and design internet pages called as web
page. It tells the web browser how to display the contents of a hypertext document
including text, images and hyperlinks.
How to write HTML documents:-

 HTML is made of elements called as TAGS. These different tags when work together
form a web-page and tell web browser how to display them.
 A tag is a HTML command that tells the browser how part of a web page should be
displayed.
How to represent the TAGS:-

Tags are always enclosed in pairing angle brackets “< >”.

Example: -- <HTML> is a tag.

<BODY> is also a tag.

HTML TAGS ARE NOT CASE SENSITIVE

It means that tags can be written in both upper case (capital


letters) and lower case (small letters). Example <BODY> and <body> have the same
meaning and will produce the same output.

Types of TAGS

HTML tags are of two types:--


1. Empty TAGS
2. Container TAGS

Container TAG
The HTML TAGS which include starting of a tag as well as ending/closing
of a tag are called as container TAGS. A TAG is closed by placing a ‘ / ’ along
with the TAG
<BODY> Starting of a TAG

</BODY> Closing of a TAG

Empty TAG:- The TAGS which do not have a closing tag are called as Empty
TAG. These tags which when started perform the work for once and then
automatically stop.
1
Example: -- <HR> <BR>

Creating a HTML document:-


To create a HTML document we require a HTML editor like FRONTPAGE or a
text editor like notepad and a web browser like INTERNET EXPLORER First
source code (commands) of a HTML document are written in notepad and then
result is viewed in web browser.
How to open the notepad:-
1. Click on the START button on desktop
2. Write Notepad in RUN dialog box or search box
3. Write the commands to create the HTML document and then save the file.
Note: -- While saving the notepad file keep the following points in mind.

1. Always save the file with extension ‘.html’


2. Location of the file must be remembered

How to save a html document in notepad:-


1. In notepad click on the file menu
2. Choose save option
3. In save dialog box first select the desired destination folder
4. Give the desired name to the document along with the extension .html

How to view the created web page in a web browser (internet explorer ):-
1. Go to the folder where the html file is stored.
2. Right click on the name of file and choose open with option
3. In open with chose Internet Explorer.
4. Another way to open the file is to click on the name of the file.

Basic HTML Document Structure: All the HTML documents should have the following
general form. Each document is mainly divided into two sections
a) HEAD b) Body
<html>
<head>
<title> title of the page is written here</title>
</head>
<body>All the text to be displayed in the web page is defined here.
2
</body>
</html>

Basic HTML Tags


1. <HTML>
Description and use: - This tag identifies a document as html document. It is the tag that
tells a web browser where the html document begins and ends. It is the first and last tag of
an html document.
Syntax :- <html>
-------------
-------------
</html>
2. <HEAD>
<html>
<head>
Description and use: - This tag contains the information about the document such as it’s
title. The text written here is found with in the body.
Syntax :- <head>
-------------
-------------
</head>

3. <Title>
Description and use: - This tag is used to display the title of a web page. Title is the name of
a web page by which it is referred in internet. Title is displayed in the title bar of the browser.
Syntax :- <html> <head>
<title> Home page </title>
</head> </html>
What happens if the title is not defined?
Then the full name of the file (the name by which a file is saved) will be displayed in the title
bar of the web page.
What happens when we forget to close the <title> tag?
Then the browser will not show any output as the text written after the <title> tag will be
treated as the title of the web page.

4. <Body>
3
Description and use: - All the information (text, image, animation, and graphics) to be
displayed in a web page is enclosed by <body> tag. Its main attributes are BGCOLOR,
BACKGROUND, and LINK
Syntax :- <html> <head>
<title> Home page </title>
</head>
<body>
----------
----------
</body> </html>

Exercise 1:- Basic HTML document structure as to be explained in the class

<html>
<head>
<title> My First Web Page </title>
</head>
<body>
This is my first web page
</body>
</html>

ATTRIBUTES

HTML Tags can have attributes. Attributes are the additional parameters that are used
to define the characteristics of an HTML Tag Attributes are always specified in the start
tag. The attribute are always written in the same angle brackets along with the tag.

Attributes of <body> tag:-


BGCOLOR: -- Normally text in a web page is printed in black colour with
white background. To provide a background in different colours we use BGCOLOR. Here
BGCOLOR is called as attribute of body tag.
Syntax:--
<html> <head>
4
<title>
use of BGCOLOR
</title>
</head>
<body bgcolor = “red”>
This is a test page
</body> </html>
TEXT:-
This attribute helps to change the color of whole text.
Syntax :
<body text = “color”>

<html>
<head>
<title>
Body text
</title>
</head>
<body text = “blue”>
This is a tag to show the use of text attribute of body tag.
</body> </html>
Leftmargin:-
This attribute helps to set the left margin of the web page. It can be defined with any
value such as 30. Text will be displayed 30 pixels away from left side.
Similarly, right margin, top margin can also be fixed.
<html> <head>
<title> Body margins </title>
</head>
<body leftmargin =“30” topmargin =“40””>
This tag is used set the margins of a web page
</body> </html>

Assignment 6A:- Use of attributes of the body tag.

Background: --
With the help of BGCOLOR attribute we can change the color of background. But
instead of changing color if we want to put an image in background then we use

5
BACKGROUND attribute. Some of the main types of image file that can be used are ‘ .JPEG’
, ‘.gif’ , ’.bmp’ To place a picture in background we must specify the complete path where a
picture file is stored.

Example: - <html>
<head>
<title> Home page </title>
</head>
<body background =“d:\photo.jpg”>
This is a test page
</body> </html>

Assignment 6b :- Use of background attribute of the body tag.

<br> Line break


This tag breaks the line and displays the following text in the next line. It is used at the end
of the line from where new line is to be started. It is an empty tag.
<html>
<head>
<title>
line break
</title>
</head>
<body text = “blue”>
This is a text without line break. Hence the text appears in one line
This is a text with line <br> break and hence text appears in <br> different lines
</body> </html>

Exercise 1:- Create a HTML document. Write 5 sentences in separate lines.


<p> Tag
It indicates the start of a new paragraph while </p> marks the end of the paragraph. A
paragraph can be aligned by using the attribute named “align”. When a new Para is started
an extra blank line is inserted in document.

6
<p align=”left/centre/right”> to align the text in paragraph in left, center or right direction
W.R.T. paper

Exercise 2:- Create a HTML document. Write 3 paragraphs of text (in different alignment)
from your physics text book.
ASSIGNMENT 7 USE OF <BR> AND <P> TAGS

STYLE TAGS
These tags are used to change the appearance of the text. Some of the important style tags
are as under.
 <b> Bold :- This tag is used when you want to emphasize the text. Type
<b> before the text which you want to appear bold and then type </b>
 <I> Italic :- This tag marks up the text in italic style. <I> is used for the
same.
 <u> Underline :-This tag is used to place a line under the text enclosed in <u> and
</u> tags.
 <sub> Subscript:- This tag is used to display the text in subscript format I.e. the
text enclosed in <sub> and </sub> will appear below base line and in
smaller size.
 <sup> Superscript:- This tag shows the enclosed text above base line and in
smaller size as compared with the preceding text.
 <tt> Typewriter text :- This tag shows the text in typewriter font.
<html>
<head>
<title>
style tags
</title>
</head>
<body text = “blue”>
This is a tag to show the use of Style tags.

7
<b> this is an Italic text</b> <br>
<I> this is an Italic text</I> <br>
<U> this is a text with under line</U> <br>
This is an example of Subscript<br>
H<sub>2</sub>O <br>
This is an example of Superscript<br>
(A+B)<sup>2</sup>
</body>
</html>
Exercise 3:- Write the source code to create the web page to show the use of style tags.

ASSIGNMENT 8 USE OF STYLE TAGS

<hr> Horizontal ruler


This tag is used to divide the text in separate blocks. It draws a horizontal line across
the page.
<hr color =“value” size =“value” width =“value” noshade >
here
color : Specifies the color of the line
Size : Specifies the thickness of line
Width : It gives the length of the line
Noshade : Gives a solid line without shade
Align : Aligns the ruler in left/center/right alignments in page

8
Sample web page to show <hr> Tag
<html>
<head>
<title>
Horizontal ruler
</title>
</head>
<body text = “blue”>
This is to show the use of horizontal ruler with noshade attribute
<hr color =“red” size =“30” width = “300” noshade>
This is to show the use of horizontal ruler without noshade attribute
<hr color =“red” size =“30” width = “300” >
This is to show the use of left aligned horizontal ruler
<hr color =“red” size =“30” width = “300”align=”left” >
This is to show the use of right aligned horizontal ruler
<hr color =“red” size =“30” width = “300”align=”right” >
</body> </html>
Note: Width can also be mentioned in %age of total screen length
Exercise 4:- Write a command to draw a line of red color, thickness 20 horizontally across the screen.

Exercise 5:- Write the source code to create the web page as shown below.

ASSIGNMENT 9 USE OF <HR> TAG


Heading TAG
9
This tag is used to define different heading levels. There are six heading levels H1 to H6. H1
displays the text in largest size and H6 displays the text in smallest size.
<html>
<head>
<title>
heading
</title>
</head>
<body text = "blue">
<h1 align="right">this is a test</h1>
<h2>this is a test</h2>
<h3>this is a test</h3>
<h4>this is a test</h4>
<h5>this is a test</h5>
<h6>this is a test</h6>
</body> </html>

ASSIGNMENT 10 USE OF HEADING <H1> TO <H6> TAGS

Changing Font
<font>
Font is the writing style of the text in a document. A font is a specific typeface of a certain
size and style. The <font> tag allows us to change the type face, color and size of the text.
A <font> tag has 3 main attributes. Face, color, size.
Syntax
<font face =“font name” size =“value” Color =“value”>
here
 Face specifies the font style I.e. Arial, impact, courier
 Size specifies the size of the text. It is a numeric value ranging from 1 to 7.
1 being the smallest and 7 being the largest. By default the size is 3
 Color specifies the color of the text.
<html>

10
<head>
<title>
FONT
</title>
</head>
<body >
<font face ="arial" size ="7" color ="blue">
This is a text with font face arial, size = 30 and color= blue
</body>
</html>

<Basefont> This tag establishes a default set of attributes of the font of the text. It is used in
body tag and has no effect on headings. It occurs only once in the body. There after if we
want to change the writing style we have to use <font> tag. Base font uses all the attributes
of the font tag. It becomes active when no text font is specified.
ASSIGNMENT 11 USE OF <FONT> TAG

Exercise 6:- Write the source code to create the web page to show the use of font tag. Write
the names of 10 fruits. Write in different color, style, size and all in different lines.

Inserting Image in a Document


<IMG>
This tag inserts inline image in html document. It allows having pictures, figures charts,
maps or drawing on the same web page instead of presenting them in separate window.
An image that appears within the body of a web page is called as inline image. Some of the
main type of picture file that can be used as image file are in ‘gif’, ‘jpeg’, ’tiff’ ‘bmp’ format. It
is an empty tag.
<img src=“file name” height=“value” width =“value” align=“left/right/center” border
=“value”>
Where
 SRC : Specifies the source of image I.e. the name of the file
along with complete path where an image file is stored.
 HEIGHT : Specifies the height of the image. It is a numeric value.
 WIDTH : Specifies the width of the image. It is also a numeric vale.
11
 ALIGN : Specifies the alignment of the image w.r.t. text. It can be
either ‘left ,center, right’ aligned.
 BORDER : Specifies a border around the image. It can have any
numeric value.
<html>
<head>
<title>
image
</title>
</head>
<body text = “blue”>
This is to show how to insert an image in a webpage
<img src =“d:\taj.jpg” height=“100” width = “300” border =”5” alt=”beautiful taj”>
</body>
</html>
Another attribute of the <img> tag is the ‘alt’ which stands for alternate text. If the web
browser is not able to show the image then the value written in ‘alt’ attribute will appear
which gives an idea about the image. If the image is displayed then the alternate text will
appear as a tool tip when we move the mouse pointer over the image
Exercise 7:- Write the source code to create the web page to show the use of IMG tag as per
the image shown below.

ASSIGNMENT 12
HOW TO INSERT IMAGE IN
HTML DOCUMENT
12
Lists in HTML
Html provides us a facility to create lists in a web page. Mainly 3 types of lists can be
created in HTML.
1. Unordered List: - A list in which list items are without any numbering. Bullets are
used to differentiate between list items.
2. Ordered List: - A list in which any sequence or numbering is provided
to list items.
3. Nested List: - It is the combination of two or more lists.
3. Descriptive List: - In this type of list a description is provided along with
list items.
Unordered List <UL> tag
<html> <head>
<title> unordered list </title>
</head>
<body text = “blue”>
This is to show how to insert an unordered list in a webpage
<ul type = “disc”>
<li> Banana
<li> orange
<li> melon
</ul>
</body>
</html>
Here
<ul> marks the beginning of an unordered list. It is a container tag.
Type is the attribute used to specify the nature of bullet. We can have three types of
bullets I.e.
1. Disc
2. Circle
3. Square

<li> is the tag used to specify the list items I.e. the contents of the list

ASSIGNMENT 13 CREATE UNORDERED LIST IN HTML

13
Exercise 8:- Write the source code to create the web page to show the use of unordered list.
Prepare a list in HTML showing the names of at least (six) 6 Indian wild life sanctuaries. All
list items should be in different colors.

Ordered List

<html>
<head>
<title> ordered list </title>
</head>
<body text = “blue”>
This is to show how to insert an ordered list in a webpage
<ol type = “1” start =“1”>
<li> Banana
<li> orange
<li> melon
</ol>
</body> </html>
Here
<ol> marks the beginning of an ordered list. It is a container tag.
<OL> tag has the two attributes a. type b. start
Type specifies the nature of sequence, order. We can specify the order by following means
Attribute Description Output
value
1 specifies the numeric sequence 1,2,3
A Specifies the sequence as capital alphabet A, B, C
a specifies the sequence as small alphabet a, b, c
i specifies the sequence as small roman numerals I, ii, iii, iv
I specifies the sequence as capital roman numerals I, II, III, IV

While start specify the starting value of the list i.e. if we have to start the list
from ‘200’ then one should write
Start =“200”

<li> specifies the list items I.e. the contents of the list

14
ASSIGNMENT 14 CREATE ORDERED LIST IN HTML

Exercise 9:- Write the source code to create the web page to show the use of ordered list.
Prepare a list in HTML showing the names of at least (five) 5 famous Indian tourist places.
List sequence should start from 5 and type must capital roman numerals.
Descriptive List:-

HTML definition lists (<dl>) are list elements that have a unique array of tags and elements;
the resulting listings are similar to those you'd see in a dictionary.

<dl> - opening clause that defines the start of the list

<dt> - list item that defines the definition term

<dd> - definition of the list item


<html>
<head>
<title> Descriptive list </title>
</head>
<body text = “blue”>
<dl>
<dt><b>apple</b></dt>
<dd>A sweet fruit red in color.</dd>
<dt><b>Grapes</b></dt>
<dd>The small sweet juicy fruit.</dd>
</dt>
</dl>

ASSIGNMENT 16 CREATE DESCRIPTIVE LIST IN HTML.

Exercise 10:- Write the source code to create the web page to show the use of nested list As
shown in image below.

15
Exercise 11:- Write the source code to create the web page to show the use of nested list As
shown in image below.

Linking of
web pages
A web site consists of
no. of web pages
16
which are linked to each other with the help of most powerful feature of HTML known as
hyperlink. We can link various text and pictures from one page to another web page. When
we click on a designated text then we are redirected to another page. The text link appears
colored and underlined. This text is called as hypertext.
In HTML <A> Anchor is used to mark the hypertext. Being a container tag it requires </A>
closing tag to mark end of the hypertext. Attributes of the <a> tags are href and name.
This linking is of two types
a. Internal b. External
External Linking
Syntax:-
<A HREF =“CLICK.HTML”>CLICK HERE</A>
Here <A> is the name of the TAG & HREF attribute shows the hypertext reference i.e.
the path of the page to be connected is typed here. Here path means the exact location of
the web page. The text enclosed between tag <A> and </A> appears as hypertext and will be
displayed as colored & underlined. When we move the mouse pointer over the text then
shape of the mouse pointer will change from ‘arrow’ to a ‘hand with pointing finger’

<html>
<head>
<title>
Linking
</title>
</head>
<body text = “blue”>
This is to show how to insert a hyperlink in a web page
<A href = “click.html”> click here </A>
</body>
</html>
Here ‘click here’ is the hypertext which is colored and underlined
Note: - Write the complete path of linked web page if it is stored at a location other than the
main folder.
Steps for linking
 Create a web page and save it in D: drive. (Write all the required tags in first.html)
 Give the name first.html
 Create another web page and give it name second.html and save it also in D: drive

17
Additional attributes of body tag to be used with linking of web pages.
Link : Provides the color to the hypertext. Default color is blue
Alink : it provides color to the link of active webpage. Default color is Red
Vlink : It provides the color to a visited link. Default color is purple.

ASSIGNMENT 1 7 CREATING AN EXTERNAL LINK BETWEEN WEB PAGES.

Internal linking
An internal link allows you to link to another section on the same web page, so it basically
scrolls the page up or down to the desired location.
To link to a specific place on a web page, you need to use a pair of anchors. One where you
are linking from and one where you would like to link to. The first one, is where you are
linking from looks like
<A HREF="#name"> and the closing tag looks like </A>. The text between the two tags is the
link. The text "name" identifies the anchor, giving it a name.

The second anchor identifies where you are linking to. This tag must be placed in your HTML
in the location where you would like to link to. The starting tag is <A NAME="name"> and the
closing tag is </A>. Here name attribute is used define the name of the section to be linked
and it must match with the anchor name defined in the first anchor
<A HREF="#bottom">Click here for the bottom of the page</A>
(This is the link to the bottom section of web page)

<A NAME=bottom>Bottom of the page</A>


(This is the name of a section named as bottom in the bottom of the web page)
ASSIGNMENT 18 CREATING AN INTERNAL LINK WITHIN THE WEB PAGE.

To setup a mail link:

18
If you want people to mail you about your site, a good way to do it is place an email
link with a subject line already filled out for them.
<a href="mailto:email@tizag.com?subject=Feedback" >Email@tizag.com</a>

Here subject which is written as feedback will appear in subject box of email.
html - link targets
The target attribute defines how each link will open when clicked. Will each one open in a
new window, or will each one open in the current browser window?

_blank Opens new page in a new browser window


_self Loads the new page in the current window

<a href="http://www.ESPN.com" target="_blank">ESPN.COM</a>


ASSIGNMENT 19 SETTING UP AN E-MAIL LINK.

Exercise 12:- Write the source code to create the web page to show the internal linking.
Create the webpage of the school which has different sections like Admission, Location,
Facility and sports.

<Table> tag :
Table tag is used to create a table in HTML. It consists of rows and columns. In HTML, each
table begins with a <Table> tag and ends with </Table> tag. Its attributes are Border,
Bordercolor, Bgcolor, Align, Cellpadding, Cellspacing, and Width & Height
Attributes of <Table> tag
Border: The Border attribute draws a border around the table. The value given with border
attribute specifies the width of the border of a table. If border attribute is not given, no
border will be displayed around the table.
Ex : <Table Border = 5>
Bordercolor : The Bordercolor attribute is used to set color of the border of the table. The
default colour of the border is gray.
19
Ex : <Table Bordercolor=”Red”>
Bgcolor : The Bgcolor attribute is used to specify the background color of a table.
Ex : <Table Bgcolor=”Green”>
Align : The align attribute is used to set the alignment of a table. The default alignment of a
table is left and it can be set to left, center or right.
Ex : <Table Align = “Center”>
Cellpadding : The Cellpadding attribute specifies the distance between the text and the cell
wall. It is given in pixels
Ex : <Table Cellpadding = 20>
CellSpacing : This attribute sets the distance between two adjacent cells. It is also given in
pixels.
Ex : <Table Cellspacing = 10>
Height : A table by default will be as large as the data that is entered into it. We can change
the height of a table by specifying the height attribute. The width attribute can be specified
either by giving the size in pixels or by giving relative percentage.
Ex. <Table Height = 400> or <Table Height = 50% >
Width : We can change the width of a table by specifying the width attribute. The width
attribute can be specified either by giving the size in pixels or by giving relative percentage.
Ex. <Table width = 500> or <Table width = “80%”>

<TR> Tag : This tag is used to start a new row. Each new row begins with the <TR> tag and
ends with </TR> tag. Its attributes are Bordercolor, Bgcolor, Align and Valign.
Attributes of <TR> tag
Bordercolor : used to change the border color for the cells of any specific row.
Ex. <TR Bordercolor = “Red”>
Bgcolor : used to change the background color of any specific row.
Ex. <TR Bgcolor = “Green”>
Align : used to specify the text alignment (left, right or center) for any specific row.
Ex. <TR Align = “Left”> aligns the content to the left side for the cells of any
specific row.
<TR Align = “Right”> aligns the content to the right side for the cells of any specific row.
<TR Align = “Center”> aligns the content to the center for the cells of any specific row.

20
Valign : used to set the vertical alignment of data in a row. The alignment can be set to top,
middle or bottom.
<TR Valign = “Top”> aligns the content to the top of the cells in a row.
<TR Valign = “Middle”> aligns the content to the middle of the cells in a row.
<TR Valign = “Bottom”> aligns the content to the top of the cells in a row.
<TH> Tag :
<TH> tag is used to define the column headings of the table. Its attributes are Bgcolor, Align
and Valign, colspan and rowspan.

Attributes of <TH> tag


Bgcolor : used to change the background colour for the cell of any specific column.
Ex. <TH Bgcolor = “Green”>
Align : used to specify the text alignment (left, right or center) for the cell of any specific
column.
Ex. <TH Align = “Left”> aligns the content to the left side of a cell.
<TH Align = “Right”> aligns the content to the right side of a cell.
<TH Align = “Center”> aligns the content to the center of a cell.
Valign : used to set the vertical alignment of data for a cell of any specific column. The
alignment can be set to top, middle or bottom.
Ex. <TH Valign = “Top”> aligns the content to the top of the cell.
<TH Valign = “Middle”> aligns the content to the middle of the cell.
<TH Valign = “Bottom”> aligns the content to the bottom of the cell.

<TD> Tag :
The Rows contain cells. <TD> tag is used to specify the data in cells. Its attributes are
Bordercolor, Bgcolor, Align and Valign.
Attributes of <TD> tag

Bordercolor : used to change the border color for the cell of any specific column.
Ex. <TD Bordercolor = “Red”>
Bgcolor : used to change the background color for the cell of any specific column.
Ex. <TD Bgcolor = “Green”>

21
Align : used to specify the text alignment (left, right or center) for the cell of any specific
column.
Ex. <TD Align = “Left”> aligns the content to the left side of a cell.
<TD Align = “Right”> aligns the content to the right side of a cell.
<TD Align = “Center”> aligns the content to the center of a cell.
Valign : used to set the vertical alignment of data for a cell of any specific column. The
alignment can be set to top, middle or bottom.
Ex. <TD Valign = “Top”> aligns the content to the top of the cell.
<TD Valign = “Middle”> aligns the content to the middle of the cell.
<TD Valign = “Bottom”> aligns the content to the bottom of the cell.
Colspan : used to combine cells horizontally. It specifies the number of columns that
the cell spans across and shows them as a single cell.
Rowspan = used to combine cells vertically. It merges the number of cells vertically
and show them as a single cell.

ASSIGNMENT 20 INSERTING A TABLE IN WEB PAGE.

Exercise 13:- Write the source code to create the


web page to create the table as shown in the
image.

22
Exercise 17:- Write the source code to create the web page to create the web page as shown
in the image.

23
24

You might also like