HTML II: Images, links and table

Images:

Images can be inserted in the text by using image tag <IMG>. Its source is specified with SRC
attribute, alternate text with ALT, attribute alignment with ALIGN and size with HEIGHT and
WIDTH attribute.

Subscript and Superscript Tag:

The text to be subscripted is enclosed between the tags <SUB> and </SUB>.

Example: To write H2O     H₂O

The text to be subscripted is enclosed between the tag <SUP> and </SUP>.

Example (a + b)2      (a + b) <SUP>2</SUP>.

Linking:

HTML have the ability to link the text or image to another document or section of document linking
can be external or internal.

External linking:

It links two document that is upon clicking a hyperlink a new document to which hyperlink is linked
gets opened.

Internal linking:

It links various section of same document that is upon clicking a hyperlink a different section of same
document is linked link i.e.  visible in browser’s window.

Hyperlink:

It is link from a hyper text file to another document file or location. A hyperlink is typically activated
by clicking on highlighted work or icon at a particular location.

HREF attribute:

To make a hyperlink to another document we have to use <a> tag and its href attribute which defines
the URL of the target of the link.

E.g,<a href=”https://books10download.blogspot.com”>Open blogspot</a>

<Title> attribute:

The title attribute lets you specify the title for the document to which you are linking the title attribute is
especially useful for reference or image or a non-HTML document.

Internal linking:

Anchor or links can also be used to move a reader to particular section in the same or different
document rather than to the top which is the default. This type of anchor is commonly called a named
anchor. You can use the <a> tag with its name or ID attribute to identify a fragment.

Sending email from a browser:

Most browser support the mail to function which is convenient way to communicate in email. It is used
to create mail link.

E.g. <A HREF=”MAIL TO: Pace@gmail.com”>

Tables:

Tables are useful for general display of tabular data in the form of rows and columns of cells.

The <table> tag:

It begins the process of building a table. It carries a long list of attribute including border cell padding,
cellspacing, width, align, frame and rules.

Table border:

The table’s border is specified through border attribute.

E.g, <Table border=”3”>

Border colour attribute:

It is used to specify the colour of the table border. 

E.g,<Table border=”1”  Border color=”red”>

Frame:

It allows you to state which person of the border will display.

E.g,<Table border=”1”  FRAME=”hsides”>

Rules:

It also works with the border attribute, except rules deals with inside border edges.

E.g, <Table border=”1” RULES=”Rows”>

Cell spacing:

It gives the amount of space between cells.

Cell padding:

It give the amount of space between cell border and the cell content.

Table background attribute:

A table’s background may be specified with background attribute of table tag.

E.g, <Table border=”1”  Background=”D:/BG3.jpg”

<TD> Tag:

It stands for table data. It is the workhorse of the table. It may use attribute like align width
background BGcolor, Rowspan, Columnspan and valign.

<TD> align attribute:

It is used to control horizontal alignment of the table’s content of cell i.e. left, right, centre.

Changing the cellspan:

Rowspan and colspan attribute are used to specify the span of cell in the form of row and column i.e.
rowspan is used to merge two or more cells vertically or column span is used to merge two or more
cells horizontally.

Valign:

In cells data can also be vertically align using valign attribute.

To download above question answer:

Download