Notes, Exercises, Videos, Tests and Things to Remember on Create Hyperlink Table
Please scroll down to get to the study materials.
A hyperlink allows linking to any other Web page. HTML allows linking to other HTML documents as well as images. Clicking on a section of text or image will open the Web site, an image, a bookmark or any linked Web page. The text or an image that provides such linkages is called HYPERTEXT, HYPERLINK or a HOTSPOT. It is normal for HTML documents to contain links to another document, which can be located anywhere on the Web. These links are provided by URLs (Uniform Resource Locator), which give the location and filename of a document.
The following elements represent links to another document. <A HREF=”URL”> </A>: The HREF attribute of the anchor element specifies a URL. If this attribute has a value, the contents of the <A> </A> element will be highlighted when the document is displayed in a browser window and clicking on this content will cause the browser to attempt to open the file specified by the URL.
<A HREF=http://www.w3school.com> W3school Website </A>. In this example, the text “W3school Website” represents the contents that would be highlighted as a link to the file named as the value of HREF.
There are three major types of links;
These are links within a document which help in the navigation of large documents. For example, we use “move to top” link on some of the Web page to navigate at the top of the document. To use internal link, NAME attribute and HREF attribute of <a> tag are used.
<A NAME=”TOP”>Write what you like. </A>
</A> tag must be included, but no any text is required between <A> and </A>. Now, to link to that particular point in the Webpage, HREF attribute of <A> is used as following:
<A HREF=”#TOP”>GO TO TOP</A>
The # symbol identifies the word “top” as a named point within the current document, rather than a separate document.
These are links to other Web pages of the same Web site. It can be used to point any resources like an HTML page, an image, a sound file, a movie file, etc. The format for creating local links is;
<A HREF=”URL”> text to be displayed </A>
Local links can be the full URL (complete e.g.http://www.syshouse.sales.report.htm) or partial (Relative to current directory e.g. /sales/report.htm).
These are links to the Web page of another Web site. For example, if we are using hotmail.com and we got emails containing links to another Web site, then those links are called external links which are the full URL.
What is URL?
URL stands for Uniform Resource Locator. A URL is a standard way of referencing a protocol, a host name, a port, and a directory/path.
Protocal: //host name: port/directory path
<HEAD> <TITLE> USING HYPERLINK </TITLE> </HEAD>
LOCAL HYPERLINK </H1><BR>
<A NAME="TOP"> </A>
<A HREF="#TOp"> GO TO TOP </A>
<H1>INTERNAL HYPERLINK </H1>
<A HREF="COMPUTER.HTML"> COMPUTER </A>
<A HREF="http://www.W3school.com"> W3school </A>
A table is a two-dimensional matrix, consisting of rows and columns. Tables are intended for displaying data in rows and columns on the Web page. All table tags are included between the <TABLE></TABLE>. The <TABLE> </TABLE> element has four sub-element.
NAME OF ELEMENT
OPENING TAG - CLOSING TAG
The table row elements usually contain table header elements or table data elements. The table header and table data element can contain several body elements, which allows for rich formatting of the data in the table.
Tables are used a great deal in the creation of Web pages. They allow you to create boundaries that make positioning easier. They are great for formatting forms.
A table caption allows specifying a line of text that appears centered above or below the table. This acts like a title for the table.
<TABLE BORDER=”1” CELLSSPACING=”2”>
<CAPTION ALIGN=”BOTTOM”> Label for my table </CAPTION>
Here`s the example of merging columns with row:
<HEAD> <TITLE> MERGING COLUMN </TITLE> </HEAD>
<TR> <CENTER> <TD COLSPAN="3"> TELEPHONE NUMBERS </TD>
<TD> 100 </TD> <TD> 101 </TD> <TD> 103 </TD>
Cells can be TH elements which result in the contents of the table header cells appearing centered and in bold text. Table data cells are also expressed by TD element.
COLSPAN:IT specifies how many cell columns of the table should be merging.
ROWSPAN:It specifies how many cell rows of the table should be merging.
ALIGN:It aligns cell data to left, right or centered alignment.
VALIGN:It aligns cell data to a top, middle or bottom alignment.
BACKGROUND:It sets background image will be tiled at the background of the tablet.
BGCOLOR:It sets the specific colors at the back of table area.
<MQRQUE> tag displays the content as a moving tag. It is a paired tag. So, the contents should be enclosed in between the <MARQUE> and </MARQUE>
Format: <MARQUE> BEHAVIOR=”Alternate” or “Slide” DIRECTION=”Left” or “Up” or “Down” BGCOLOR=”color name” or “#RRGGBB”> Text to be moved </MARQUE>
(Shrestha, Manandhar and Roshan)
Shrestha, Prachanda Ram, et al. Computer Essentials. Kathmandu: Asmita's Publication, 2014.
A hyperlink allows linking to any other Web page. HTML allows linking to other HTML documents as well as images. Clicking on a section of text or image will open the Web site, an image, a bookmark or any linked Web page. The text or an image that provides such linkages is called HYPERTEXT, HYPERLINK, or a HOTSPOT.
There are three types of Hyperlink:
A table is a two-dimensional matrix, consisting of rows and columns. Tables are intended for displaying data in rows and columns on the Web page. All table tags are included between the. The element has four sub-element. Under the table, it has many table attributes.