Read more about HTML || HTML Formatting Tags
More on HTML
The hypertext mark-up
language HTML language used to create documents for the worldwide web. As the
name implies it is a mark-up language- the original text is edited and new
codes are added to indicate how and where the text should appear.
HTML is also used for
Reading document on the internet from a different computer using different HTTP
Protocol. It allows users to remotely access documents stored at a specific
address on the network, called a URL.
The www (worldwide
web) is the worldwide network formed by all the documents called web page which is connected to
one another by hyperlinks.
Webpages are usually
organized Around the main page, which acts a hub for Browsing other pages with
hyperlinks.
this of the web
pages joint by hyperlinks and centered around the main page is called a website.
HTML Formatting Tags
HTML text is the
hidden keywords within a webpage that define how your web page must format and
display the content.
most tags must have
two parts, an opening, and a closing part. for example, <html> is the
opening tag and </html> the closing tag. the closing tag has the same
text used as the opening tag but has an additional forward-slash (/) Character.
It tends to
interpret this is the ‘end’ or ‘close’ character.
<HTML> tag:
Main tag
<HEAD> tag:
Heading tag that contains the heading
<TITLE> tag:
title tag contains the title of the web page displayed on the
title bar.
<BODY> tag:
Body tag contains the content of the web page
<BR> tag:
BR tag create a new line
<P> tag:
It starts a new paragraph
<B>:
Bold
<I>:
Italic
<U>:
Underline
<Font>:
Changes the appearance of text
FACE:
Change font
SIZE:
Change text size
COLOUR:
Changes text colour
<OL>:
Creates an ordered list
<UL>:
Create an unordered list
<H1>, <H2>,
<H3>, <H4>, <H5>, <H6>, Create heading levels
HTML Image
HTML command to
place and image are constant. we will use the same format every time to insert
images on our web page. in HTML, images are defined with the <imp>
tag. The <imp>Tag is empty, which means that it contains attributes only
and has no closing tag. To display an image on the web page, you need to use the ‘SRC’
attribute. SRC stands for “source”. The value of the ‘SRC’ attribute is the complete
name of the image we want to display.
Follow these steps to
insert an image:
Step 1: please the
insertion points Where we want an image to be displayed.
Step 2: Type <IMG SRC=picture
name”
In place of picture name, we have to type the name of the picture.
The image will be displayed on the web page.
Alternative Text
The ALT attribute
specifies an alternate text for an image if the image cannot be displayed. The
value of alt is the user-defined text.
Follow these steps to
add alternative text:
Step 1: Please
the insertion points where we want to display the alternative text.
Step 2: Type <IMG> SRC=”
computer.jpg” ALT=” Image of a computer”>.
Height and Width of an Image
The height and
width attributes are used to specify the height and width of an image.
Type <IMG> SRC= “Computer.jpg” HEIGHT= “100” WIDTH= “100”>
Now, the picture
will be displayed with the height and width as defined.
Centre and Image
You can place an
the image in the center of a web page.
Follow these steps to
Centre an image:
Step 1: Type
<CENTER> before the IMG tag.
Step 2: Type
</CENTER> after the IMG tag. The
the image appears in the center of the webpage.
Adding Border to the Image
The border is added to the
image to make it look more attractive. We can choose the thickness of the
border, also.
Follow the given steps
to add a border to the image:
Type <IMG> SRC=” computer.jpg” BORDER=5> to add a border to the image.
The border is added to
the image.
Wrapping Text Around the Image
Adding text and
images to a website is easy. Text is added with standard HTML tags life
paragraphs, heading, and lists, while Images are placed on a page with the
<imp> element. once we have added an image to the webpage, however, we
might want to have the text flow next to the image, rather than align below it,
we can use simple codes as taught below.
Follow the given steps to
wrap text around the image:
Type <IMG> SRC= “computer.jpg” ALIGN = Left> to Wrap text to the left side of the image.
Adding Space Around the Image
To make the webpage look
neat, we can add some space around the image. We can change the horizontal
space as well as vertical space.
Follow the given steps to add
some around the image:
To increase the
space on the left and right side of the image type<IMG> SRC= “computer.jpg” ALIGN=Left HSPACE=40>
HTML Attributes
HTML attributes provide
an additional information about HTML elements. Attributes are always specified
in the start tag.
HTML Hyperlinks
A hyperlink is a word,
group of words, or images that you can click on to jump to a new document or a
new section within the current document. When you move the cursor over a link
on a web page, the arrow will turn into a little hand. Links are specified in
HTML using the <a> tag. The <a> tag is used in two ways:
Ø To create a link to another document, by using the “href”
attribute.
Ø To create a bookmark inside a document, by using the “name”
attribute.
Creating a Bookmark
Follow these
steps to create a bookmark:
Step 1: Place the insertion
point where we want to add a bookmark. Type <a href= “#C4> chapter 4 </a> at the place Where the bookmark
link should move.
we can click on the
bookmark link to move the Desire bookmark place.
Creating a Link
Follow these steps to
create a link:
Step 1: Place
the insertion point where we want to add the hyperlink.
Step 2: To type <a herf=
“URL”> Link text </a>.
We have to type a URL of
any web page in the place of “URL”. For Example: <a herf= “https://zee.gl/IcOCh”> Go to google homepage </a>.
As click on the
hyperlink, we will be directed to the Google homepage.
