Skip to main content

Hyperlinks

Html Hyperlinks

Hyperlinks are used to create links that allow the users to navigate from one page to another. To create hyperlinks use <a> tag. <a> tag have following attributes;
  • href: href attribute specifies the destination address like www.tutorial4us.com/html/
  • target: target attribute specifies where to open the linked document like open in new window, open in same window.

Example

<html>
<body>
Link open in same window<a href="#" target="_top">Click Here</a>
Link open in new window<a href="#" target="_blank">Click Here</a>
</body>
</html>

Result

Link open in same windowClick Here 
Link open in new windowClick Here

Target Attribute

Target ValueDescription
_blankOpens the linked document in new window
_topOpens the linked document in same window
_selfOpens the linked document in same frame as it was clicked (this is default)
framenameOpens the linked document in a given named frame
_parentOpens the linked document in the parent frame

Image as Link

In html you can give image as a link, when click on image linked page will be open. In below example image link is provided.

Example

<html>
<body>
<a href="/html/index" target="_top"><img src="files/sublogo.png" target="_blank"></a>
</body>
</html>

Result

Comments

Post a Comment

Popular posts from this blog

Introduction of SQL

Introduction of SQL SQL (Structure Query Language)  was initially developed at IBM by Donald D. Chamberlin and Raymond F. Boyce in the early 1970s. This version, initially called SEQUEL (Structured English Query Language), was designed to manipulate and retrieve data stored in IBM's original quasi-relational database management system. Features of SQL SQL is not a case sensitive language. Every commands in SQL should ends with semicolon(;). SQL can also called as sequel (SEQUEL). SQL Sub Language SQL is mainly divided into four sub language Data Definition Language(DDL) Data Manipulation Language(DML) Transaction Control Language(TCL) Data Control Language(DCL) Only for remember You can remember all these command like below; DDL Commands "dr. cat" d-Drop, r-Rename, c-Create, a-Alter, t-Truncate. DML commands "sudi". s-Select, u-Update, d-Delete, i-Insert.
Post a Comment
Read more

css introduction

What is CSS? •Stands for Cascading Style Sheet •CSS allows you to style HTML elements, or define how they are displayed. •Styles are normally stored in Style Sheets •External Style Sheetscan save you a lot of work •External Style Sheets are stored in CSS files •Multiple style definitions will cascadeinto one •Examples: –Changing the color of text –Specifying the size and position of a div What is CSS? (cont.) •CSS is an alternative to the “style” attribute. – <div style=“height:500px; width:200px”></div> •Advantages: –Can control the style of many different elements with a single command. –Separation of function: HTML can focus on content while CSS handles styling. CSS (Cascading Style Sheet) •Simple mechanism for adding style to web page •Code be embedded into the HTML file •HTML tag: <style type=“text/css”>CODE</style> •Also be in a separate file FILENAME.css •HTML tag: <link rel=“stylesheet” href=“scs.css” type=“text/css”> •St...
Post a Comment
Read more

Html Comment

Html Comment Comment  is nothing but it is a statement which is not display on browser window. It is useful to understand the which code is written for what purpose. Comment tags  <!--  and  -->  are use for comment on html page. Syntax <!-- Html comment --> Example <html> <body> <!-- Html page --> <p> This is simple html page <p> <p> Html is simple and easy to learn <p> </body> </html> Result This is simple html page Html is simple and easy to learn In above example comments are not display on browser Multiline Comment Comment may be single line or multiline, syntax for multiline comment is given below. Syntax <!-- Html Multi Line Comment --> Example <html> <body> <!-- Html page Start from here --> <p> This is simple html page <p> <p> Html is simple and easy to learn <p> </b...
Post a Comment
Read more