Social Icons

Thursday, October 20, 2022

The HTML Hyperlink

 


1. About hyperlinks

In order to facilitate navigation from page to page on the web, the HTML language offers us the possibility of creating links called HTML hypertext links. It is an element (image, text, etc.) which includes a link to another specific object (internal page to the site, external page, an image, another text, etc.), and as soon as you click on it, it sends you to that specific object.

2. Link to a URL address

An html hyperlink is defined by the tags
<a href="..."> and </a>

Syntax

<a href="destination URL address">...</a>

Example (external link to wikipedia)

<a href="https://www.wikipedia.org/">Click here to access wikipedia</a>

Which displays in the browser: Click here to access wikipedia 

 


Sometimes we want to put a tooltip on the link to provide a link page informations, for this we use the command:

title="tooltip text"

Example

<a href="https://www.wikipedia.org/" title="This is a link to wikipedia">Click here to go to wikipedia</a>
 

3. Link to a file

The HTML language also offers the possibility of creating a hypertext link to a local or remote file by indicating the full path of the file including its name and its extension. Thus the Html code of the link to a file will be of the form:
<a href="path/filename.extension">...</a>

4. Link to E-mail box

With the HTML language, you can also create links to an email box using the following syntax:
<a href="mailto:destination email address?">Contact</a>

Example: (link to the email address webmaster@tresfacile.net)

&
lt;a href="mailto:webmaster@tresfacile.net?">Write to the webmaster</a>
Which displays: Write to the webmaster

5. Link in the same page

Sometimes we want to create a hypertext link to another part of the text located on the same page, such as for example top of page or similar something... To achieve this, position yourself at the place you want to reach, for example back to top Enter markup:
<div id="identifier">your text or you can leave it blank</div>
Then enter the markup:
<A href="#identifier">start of page</a>


Younes Derfoufi
my-courses.net

No comments:

Post a Comment

Learn Python For Beginners

Category Of Mobile Courses

Actualités (644) Adsense (1) Affiliation (1) Algebraic Topology (2) Algorithmic (1) all-news (30) Android (5) Android App (8) Android app without code (4) Android Apps (256) Android Development (4) Android download (2) Android OS (3) AngularJS (1) Automata theory and formal language (5) Bootstrap CSS (1) 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 (15) dropshiping (26) Earn Money by Internet (4) Emplois (23) Framework php (2) Fraud (2) Github (2) HTML (9) IT News (3) 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 (37) Python BeautifulSoup (1) Python For Data Science (2) Python PyQt (13) Python Reference (1) Python Source Code (10) Python-Books (6) Python-DVD-Training (1) Python-Exercises (305) Python-Framework (1) Python-IDE (1) Python-Kivy-Framework (2) Python-Modules (1) Python-pdf (2) Python-pyQt (1) python-temp (3) Référencement (2) Script PHP (2) Security (6) SEO (1) Snipping Tool: Faq (1) Social Networks (1) Source Code (4) 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