HTML Links – Hyperlinks

<a>

<a href="https://www.w3schools.com/">HTML</a>
basic hyperlink ekak create karanne mehema
<a> Link Bookmark

<!--id eka -->
<h2 id="C4">Chapter 4</h2>

<!--id eka bookmark ekata link kirima-->
<a href="#C4">Jump to Chapter 4</a>

<!--wenath page ekaka id ekak link kirima-->
<a href="demo2.html#C4">Jump to News article</a>
apita site eke onema sthnayakata yanna onananm bookmark walin eka kelinma target karanna puluwan
<a> Image Link

<a href="https://www.w3schools.com/"><img src="html.png" alt="html logo" style="width:42px;height:42px;"></a>
image ekak athulata link ekak add karanne me widiyata
<a> Email Link

<a href="mailto:[email protected]">Send Email</a>
Email ekak link ekak widiyata add karanne mehema (link eka click karama gmail eka open wenawa email send karanna)
<a> phone numbe Link

<a href="tel:+4733378901">+47 333 78 901</a>
phone number eka link ekak widiyata add karanne mehema (link eka uda click karama automatically call eka yanawa phone numebr ekata)
<a> Javascript Link

<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
javascript link ekakata add karanne mehema
<a> Button Link

<!--javascript button-->

  <button onclick="document.location='one.html'">HTML Tutorial</button> 

<!--HTML button-->
 
  <a href="https://www.w3schools.com/"><button> W3School Click</button></a>
Button ekakat link add karanne me widiyata
<a> Tag Attributes
1.download
2.href
3.hreflang
4.title
5.target
6.media
7.ping
8.rel
9.type
10.referrerpolicy
1.<a> download
 
 <!--download-->
  <a href="html.png" download="html logo">Download Image</a>
HTML
download🎱link eka click karama adala file eka download wenawa meka dunnam

1.<a download=”filename”> = methanata download wena file ekata wenama namak denna puluwan file eke default name eka wenuwata
2.<a> href

<!--href-->
  <a href="https://www.w3schools.com/">Click here</a>

<!--#top-->

  <a href="#top">Scroll</a>

<!--#-->

  <a href="#">Scroll (Empty)</a>
HTML
href🎱adala link karanna ona url eka denna thiyenne methanata

1.href=”#top” = page eka udata scrool karanna meka yodaganna puluwan

2.href=”#” = page eka udata scrool karanna meka yodaganna puluwan (empty url add karannath meka yodagananwa)
3.<a> hreflang

<!--hreflang-->

  <a href="https://www.w3schools.co" hreflang="en">W3 School</a>
HTML
hreflanglink karpau document ekata adala lanuage code eka denna meka yodagannawa
4.<a> Title
  
  <a href="https://www.w3schools.com/" title="W3school web site link">W3 school</a>
HTML
Titlelink eka add karala thiyena text udata mouse eka aran giyama title eke dila thiyena text eka pennanawa
5.<a> target

<!--self-->

  <a href="https://www.w3schools.com/" target="_self" >HTML</a>

<!--blank-->

  <a href="https://www.w3schools.com/" target="_blank" >HTML</a>

<!--parent-->

<!--------------page1--------------->
  <iframe src="two.html" frameborder="2" width="600px" height="500px"></iframe>
<!--------------page2--------------->
  <iframe src="three.html" frameborder="1" width="400px" height="300px"></iframe>
<!--------------page3--------------->
  <a href="https://www.youtube.com/" target="_parent">parent click</a>

<!--top-->

<!--------------page1---------------->
  <iframe src="two.html" frameborder="2" width="600px" height="500px"></iframe>
<!--------------page2---------------->
  <a href="https://www.youtube.com/" target="_top">Top click</a>
link eka විවෘත කළ යුතු ස්ථානය නියම කරයි
_self 🎱Default

🎱link eka click karapu tab ekema open wenawa
_blankaluth tab ekakin link eka open wenawa
_parent🎱meka weda karanne iframe sadaha pamany

🎱meka check karanna html page 3k ona 3 weni html page eke <a> tag eka athule target ekata adala _parent eka denna ona.ethakota link eka open wenne 2weni html page eka athule thiyena ifram eken (3 weni page eke parent page eka 2weni html page eka) 1 html page saha 2 html page dekema iframe thiyenna ona

🎱video link = https://www.youtube.com/watch?v=1Nf3e0bYng0
_top🎱meka weda karanne iframe sadaha pamany

🎱meka check karanna html page 2k ona 2 weni html page eke <a> tag eka athule target ekata adala _top eka denna ona.ethakota link eka open wenne fully 1 html page eken. 1 html page eke iframe thiyenna ona.

🎱video link = https://www.youtube.com/watch?v=1Nf3e0bYng0
6.<a> media

<!--media-->
  <a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)">Open media attribute page for print</a>
HTML
media🎱link karapu dcoument/resource eka optimize karala thiyenn mona media device ekatada kiyala denna thiyenne

🎱link = https://html1.my2025.site/html-media/html-video/html-source-media-attribute/
7.<a> ping

<a href="https://www.w3schools.com/html" ping="https://www.w3schools.com/trackpings">W3Schools</a>
HTML
ping🎱meka yodaganne userwa monitor/tracking karanna

🎱meka gena lokuwata danne nehe

🎱පරිශීලකයා link එක ක්ලික් කළ විට, ping ගුණාංගය නිශ්චිත URL වෙත කෙටි HTTP POST ඉල්ලීමක් යවනු ඇත.
8.<a> rel


<!--alternate-->

  <a href="https://www.binance.com/es-MX" rel="alternate" hreflang="es-MX" >Click here alternate</a><br>

<!--author-->

  <a href="w3name.com" rel="author">Click here author</a><br>

<!--Bookmark-->

  <a href="#C4" rel="bookmark">Click here Bookmark</a><br>
<!----------------------id eka ------------------------------------->
  <h2 id="C4">Chapter 4</h2>

<!--external-->

  <a href="https://www.w3schools.com/" rel="external">Click here external</a><br>

<!--help-->

   <a href="help.com" rel="help">Click here help</a><br>

<!--license-->

  <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="licenses">Click here license</a><br>

<!--next-->

  <a href="https://www.amazon.com/1" rel="prev">Click here prev</a><br>
  <a href="https://www.amazon.com/3" rel="next">Click here next</a><br>

<!--prev-->

  <a href="https://www.amazon.com/1" rel="prev">Click here prev</a><br>
  <a href="https://www.amazon.com/3" rel="next">Click here next</a><br>


<!--nofollow-->

  <a href="https://www.bitone2832j.com/" rel="nofollow">Click here nofollow</a><br>

<!--noopener-->

  <a href="https://www.w3schools.com/" rel="noopener">Click here noopener</a><br>

<!--noreferrer-->
 
  <a href="https://www.w3schools.com/" rel="noreferrer">Click here noreferrer</a><br>

<!--search-->

  <a href="https://www.w3schools.com/" rel="search">Click here search</a><br>

<!--tag-->

<a href="https://www.w3schools.com/html/default.asp" rel="tag">html</a>
ape page eke සහ link karana document/resource අතර සම්බන්ධතාවය තැහවරු කරය්.
alternate🎱web site eke ekama antharagathaya country,language.device,other,anuwa wenas wana wita ema version tika ekata link kirimata meka yodagannawa

🎱video eka balanna ona nettam therenne nehe

🎱video link = https://www.youtube.com/watch?v=CuXi8JUY0Bo&t=178s
authorකර්තෘ sambandayen document ekaka link ekak add karaddi meka yodagannawa
bookmark🎱pages wala nishchitha sthana bookmark karana awasthwaladi meya yoadagananwa.

🎱bookmark kiyala adahas karanne page ekaka nishchitha sthanayaka (id) eke value eka (href) ekata dila link kirima
externallink karana url eka ema web adawiyata adala nowana ekaknam meka yodagannawa
helphelp document ekaka link ekak add karaddi meka yodagannawa
licenselicensing information document ekaka link ekak add karaddi meka yodagananwa
next🎱current document eka document series ekaka document ekakbawath. document series eke ilaga next document ekata yomu karana document ekak bawa dakway.

🎱meka tikak pehedili madi

🎱seo sadaha pamanak yodagani

🎱video link = https://www.youtube.com/watch?v=Bp3iL9paTCM&t=178s

🎱web link = https://developers.google.com/search/blog/2011/09/pagination-with-relnext-and-relprev
prev🎱current document eka document series ekaka document ekakbawath. document series eke kalin (pera) document ekata yomu karana document ekak bawa dakway.

🎱meka tikak pehedili madi

🎱seo sadaha pamank yodagani

🎱video link = https://www.youtube.com/watch?v=Bp3iL9paTCM&t=178s

🎱web link =https://developers.google.com/search/blog/2011/09/pagination-with-relnext-and-relprev
nofollow🎱adala link eka  search engines වලට නොසලකා හරින ලෙස පවසයි . link eka search engines wala rank kirimada nokaray. mekata adala link eka seo wenne nehe.

🎱meka gena wadi wistharayk danne nehe

🎱video link = https://www.youtube.com/watch?v=I3YZPx3VMUw

🎱web link = https://www.elegantthemes.com/blog/wordpress/rel-noopener-noreferrer-nofollow
noopener🎱wenath web adawiyaka link ekak new tab ekakin open wenawanam meka denna ona ehema nahi unoth link eka click karapu palaweni tab eka hack wenna puluwan.(web link eka kiyawanna hoda wistharayak thiyenawa)

🎱meka gena wadi wistharayk danne nehe

🎱video link = https://www.youtube.com/watch?v=I3YZPx3VMUw

🎱web link = https://www.elegantthemes.com/blog/wordpress/rel-noopener-noreferrer-nofollow
noreferrer 🎱පරිශීලකයෙකු wenath web adawiyaka link ekak ක්ලික් කළ විට ema web adawiyata අඩවියට කිසිදු යොමු තොරතුරක් නොයවන ලෙස බ්‍රවුසරයට උපදෙස් දෙයි, ගමනාගමනයේ මූලාශ්‍රය ඵලදායී ලෙස සඟවන අතර පරිශීලකයා පැමිණියේ කුමන පිටුවෙන්ද යන්න ඉලක්ක අඩවිය දැන ගැනීමෙන් වළක්වා ගැනීමෙන් පරිශීලක පෞද්ගලිකත්වය ආරක්ෂා කරයි.

🎱meka gena wadi wistharayk danne nehe

🎱video link = https://www.youtube.com/watch?v=I3YZPx3VMUw

🎱web link = https://www.elegantthemes.com/blog/wordpress/rel-noopener-noreferrer-nofollow
search🎱ape site ekata adala thorathuru link eka adala page eken hoyaganna puluwannam ethakota meka bawitha karanawa

🎱Example = scamadviser,domain who is check site,trustpilot wage ewa
tag🎱ape site eke page eke thibena tag walata adala tag thiyena page ekaka link ekaknam add karanne meka yodagannawa

Example = ape site eke html eka gena wistharayakata w3school eke html ekata adala url ekak link karanwanam meka yodagannwa (site dekema html tag thibiya yuthuya)

🎱seo walata yodaganne meka
9.<a> type

<a href="https://www.w3schools.com" type="text/html">W3Schools</a>
HTML
type🎱link karapu document/resource ekata adala media type eka niyama karay
10.<a> referrerpolicy

 <a href="https://www.w3schools.com" referrerpolicy="origin">W3Schools</a>
පරිශීලකයා link එක ක්ලික් කළ විට යැවිය යුතු යොමුකරුගේ තොරතුරු referrerpolicy ගුණාංගය මඟින් නියම කරයි.
no-referrer–
no-referrer-when-downgrade–
origin–
origin-when-cross-origin–
same-origin–
strict-origin-when-cross-origin–
unsafe-url–
Scroll to Top