Social Icons

Saturday, March 10, 2018

HTML Hyperlink


In order to facilitate the navigation between the pages on the web, HTML offers us the possibility to create links called hypertext links. A hypertext link, as the name implies, makes it possible to establish links between objects of different types: text, image, video ... You can click on a text to access a web page, or on an image to access to a video ...

1 - Link to a URL

To create a hypertext link, nothing is easier! Simply insert your text or your html object between the tags:
 <a href =" ... "> and </a> 

The syntax is:

<A HREF="URL adress"> ... </A>

Example: external link to Yahoo:

<A HREF="http://www.yahoo.fr"> Click here to access Yahoo </A>
Your browser will display after running the code above :

We sometimes want to put a tooltip on the link to provide informations on the page of the link, for that we use the command  title = "text of the tooltip":
<a title="This is a link to the Yahoo site" href="http://www.yahoo.fr"> 
Click here to access Yahoo </a>
You get these after running the code on the browser :

2 - Link to a file

 The Html code of the link to a file is of the form:
<A HREF="fileName.extension"> ... </A>
Note: filename refers to the file path with its extension .txt, .doc, .html ,. pdf, ...

3 - Link to mailbox E-mail

The syntax of a hypertext link to an email inbox is as follows:
<a href="mailto:your Email address ?"> Contact </a> 
Example: (link to the email address webmaster@tresfacile.net)
<a href="mailto:webmaster@tresfacile.net?"> Write to the webmaster </a>

4 - Link in the same page

 Sometimes you want to create a hypertext link of a text to another part of the text located on the same page, for example top of page or something that looks like ... To achieve this, position yourself at the place you want to reach, for example top of the page Introduce the markup :
<A NAME="name"> your text or you can leave it blank </A>
Then introduce the markup:
<A HREF="nom"> start of the page </A>



Younes Derfoufi
my-courses.net

No comments:

Post a Comment

Category Of Mobile Courses

Actualités (644) Adsense (1) Affiliation (1) Algebraic Topology (1) Algorithmic (1) all-news (30) Android (5) Android App (8) Android app without code (4) Android Apps (167) Android Development (4) Android download (2) Android OS (3) AngularJS (1) Automata theory and formal language (5) C programming (5) Category and Functor (8) CMS (3) Computer Glossary (18) Create Mobile App With Ionic Framework (2) CSS (2) CSS-Cascading-Style-Sheets (4) Developpement Java (13) Differential Geometry (1) Django-Python-Framework (8) dropshiping (26) Earn Money by Internet (4) Emplois (23) Framework php (2) Fraud (2) HTML (7) Java For Beginners (10) Javascript (12) Kotlin Programming Language (8) Kotlin For Mobile Android (1) Linux Download (2) Marketing (5) Mobile (3) Mobile Courses (4) Mobile Marketing (4) MoneyGram (1) News (721) Node.js (5) Open Source (1) Photoshop (1) Protect Computer (1) Python (32) Python BeautifulSoup (1) Python For Data Science (2) Python-Books (6) Python-DVD-Training (1) Python-Exercises (121) Python-Framework (1) Python-IDE (1) Python-Modules (1) Python-pdf (2) Python-pyQt (1) Référencement (2) Script PHP (2) Security (6) SEO (1) Snipping Tool: Faq (1) Social Networks (1) Source Code (1) Statistics With SPSS (2) Surveillance Software (1) Travail à domicile (6) Tutoriels php en vidéos (2) Tutoriels-MySql (6) tutoriels-php (19) Utilitaires (1) VPS (1) Web Hosting (1) Webcam (1) Webmarketing (11) Western Union (1) Windows 10 (1) Windows 7 (4) Windows 7 Faq (2) Windows 8 (1) Windows Accessories (1) Windows Download (8) Windows Drivers (1) Windows Fonts (1) Windows Power Shell (2) Windows Registry (2) Windows Security (18) Windows Software (2) Windows Spyware (2) Windows utilities (3) Windows Virus (2) Windows Vista (3) Windows Wireless (1) Windows xp (1) Wordpress (1)
 

Sample text

Sample Text

 
Blogger Templates