Lesson 3.1

Basic Tags

Objectives
At the end of this session, you will be able to:
Ø  Use Basic  Tag
Ø  Insert Images  in  HTML  Documents

   Introduction
This  session  discusses  the  basic HTML tags  such as Header  tag,  Paragraph level  tags  and  Block Tags. The session also discusses Lists and   how to use images in HTML documents.
3.1 Headings
This  element  is used  to provide  a  heading for  the  contents  displayed  on  the  Web page.  All the heading elements must have an end tag. It starts with <H1> and ends with </H1>

The heading is displayed bigger and bolder, so   that they stand   out from the regular text. We can  display  a heading  in  one  of   the  six  sizes, from  H1  to  H6.  All we have   to do is specify the   size, H1, H2 and    so on. The browser takes care of the display.




 
                                        Figure 3.1 Output of Example 1

3.2 Paragraph Level Tags

This section discusses three paragraph level tags: <ADDRESS>, <BLOCKQUOTE> and <PRE>.

3.2.1 <ADDRESS> Tag

The   <ADDRESS>  element is  used  to display  information  such  as  the  author , address   and  signature  for  the HTML  document. The element  is  typically  displayed  at  end  of  the  page  and  may  contain  one  or  more  of  the  following:
Ø  A link  to  the home  page
Ø  A search  string feature
Copyright  information



                                                                   Figure 3.2: Output of Example 2

Comments

Post a Comment

Popular posts from this blog

Image
Lesson 3.2 3.2.2 <BLOCKQUOTE> We can indicate quoted text in the document using the BLOCKQUOTE and   Q elements. BLOCKQUOTE is used for long quotations and is   displayed as   an indented   paragraph. If   the  quotations  are  short  and  does   not  require  paragraph   breaks, the  Q element  works  fine. When using the Q element, delimiting quotation marks must be specified.                                                          Figure 3.3 Output of Example   3                                                               ...
Read more
Image
Lesson 1.8 Navigation around the web Site No matter how attractive  the  web  site  is, if  it  does not  have  a simple navigation  scheme, users are  going to lose their  way. Some of them may probably never return. The navigational scheme would vary from one site to another. There are, however, some basic principles that one should keep in mind: Ø   Specify the content of the web site Ø   Create a navigation scheme that helps them  to go the  required section quickly Ø   Provide means to search for  additional information            There are several ways to organize a web site: Linear Layout – This follows a linear structure. There is a sequential link between the pages. Each page has a link to the previous and next page. The last page has a link to the first page. This format is used when we are    presenting sequential i...
Read more
Image
Lesson 3.4   Character Format   Tags in Common Use HTML has several tags   that   can be   used    to format the contents of   the   HTML document. The   tags can   be grouped   as follows: Ø   Physical formatting tags The  physical  tags  are   those  which  define  or  alter  the  characteristics  of  the  text  to   which  you  apply  the  tag             Ø   Logical formatting tags  Logical tags describe the “required effect” of the   text.  The actual   display   is controlled by the browser. Physical tags   are   interpreted in the same way by all browsers. Logical  tags  are  interpreted  according   to  t...
Read more