Scribd
Upload
16 views5 pages

Com 7

idk

Uploaded by

Anis Haque
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views5 pages

Com 7

idk

Uploaded by

Anis Haque
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Com-7(Website Designing: HTML Next Steps)

Comments (<!-->) Tag: Comments allow us to provide other


information in the document for clarity. Comments are not visible in
the browser. These are only displayed when we view the HTML source
code. These comments are useful in explaining the author’s view point.
Comment tag is an empty tag.
For example: <! --- Note: Use text- formatting tags to enhance text--->

Creating a list: HTML supports the following type of lists:

 Ordered list ---<ol> tag

Unordered----<ul> tag

Definition list or Description list.

Ordered List <OL> Tag: Ordered list is used when the items have
a specific order. The list is enclosed within <ol> and </ol> tags.The list
item tag, <li>, precedes the individual items in the list.The default
numbering style is 1, 2, 3, 4, and so on.

<ol> tag attributes:


Description Example
Attribute
type It sets the type of numbering to be <ol type = a/A/i/I/1>
used for each list item. The values
can be: a, A, i, I and 1.
start It starts the list from a different <ol start = a>
number or letter. It always accepts Where ‘a’ is any number
the integer value. <ol type = ‘’a’’ start=
The list will start with ‘c’.
Unordered List <ul> Tag:
Unordered list is a bulleted list. It is used when the items do not have
a specific order. The list is enclosed within <ul> and </ul> tags. The list
item tag, <li>, precedes the individual items in the list. The default
bullet style is disc ( ).

<ul> tag attribute:


Attribute Description Example
type It sets the type of bullets to be used <ul type =
for each list item. disc/circle/square>
The values can be: disc( ),
a solid round bullet, Circle( ) , a
hollow round bullet or Square ( ∎ ),
a solid square filled bullet.

Definition List or Description List:


Definition List is a list of terms followed by their description.

Definition list tags:

Tags Description
< dl > Description list: It marks the beginning and end of
the list. It is a container tag.
< dt > Description term: It marks the definition term. It is
an empty tag.
< dd > Description definition: It marks the description of
the definition. It is an empty tag.
Nested List: A list within another list is called a nested list. Order and
unordered lists can be nested within each other. It forms a multilevel
list.

Inserting Images:
Inserting images will enhance the look of the webpage. It will add more
meaning to it. The text will have visual meaning added to it. HTML
allows us to insert the following image formats:

 GIF : Graphics Interchange Format.

 JPEG : Joint Photographic Experts Group.

 PNG : Portable Network Graphics.

*** < img > tag is used to insert images.


Creating Hyperlinks in HTML:
A website is a collection of webPages. These pages are linked to each
other through hyperlinks. There are two types of links in HTML:

External link: A link that connects two different webpages.

Internal link: A link that connects to another section on the same page.

Body tag attributes:

Attributes Description
link It specifies the color of the link that is not clicked even once.
The default color of the link attribute is blue.
v link Visited link is the color of the link that has been clicked. By
default, the color of the link is purple.
a link Active link is the color when we have the mouse over that
link. The default color is red.

To change the color of the link, change the value of the attribute.
<body link = “orange” v link = “blue” a link = “green” >
Anchor < A > Tag: It is used to create hyperlink in a webpage. It is a
container tag, and has some important attributes.

< a > tag attributes:

Attributes Description Examples


href It specifies the destination of <a href = “ c:/desktop/
the link. Drama.html”> Theatre </a>
The word theatre is clicked, the
file ‘Drama’ that is stored on
desktop opens in the browser.
name It specifies the linking sections <a name = “top”>
on the same page. Activity Studio > </a>
< img > tag attributes:
Description Example(s)
Attributes
src It specifies the URL or the path of the < img src = “C: /
image. The image can be stored in any desktop/activity.jpeg>
folder of our computer or it may be
link to a webpage.
height and It specifies the height and width of the < img src = “art. Jpeg”
width image. The value can be expressed in height = “300”>
pixels or percentage. < img src = “art. Jpeg”
height = “30%”>
< img src = “art. Jpeg”
< img src = “art. Jpeg”
width = “50%”>
align It specifies the alignment of the image.
The image can be vertically or < img src = “art. Jpeg”
horizontally aligned. Value for vertical align = “bottom”>
alignment : top and bottom.
Value for horizontal alignment : left, < img src = “art. Jpeg”
middle and right. align = “right”>
By default, the image is left aligned.
border It specifies the width or the thickness
of the border around the image. The < img src = “art. Jpeg”
value is specified in pixels. Border = “6”>
alt It specifies an alternative text that the
browser displays, if the image is < img src = “art. Jpeg”
loading or cannot display. alt= “Activity Studio”>

You might also like