Skip to main content

Links

Links | HTML: Links are useful to move to other web pages or particular position in same page.

Links :

  1. links
  2. color links
  3. link bookmarks.

Here is the links.html:

  1.   <!DOCTYPE html>
  2.   <html lang="en" dir="ltr">
  3.     <head>
  4.       <style>
  5.         a:link {
  6.           color : green;
  7.         }
  8.         a: visited {
  9.           color : orange;
  10.         }
  11.         a:hover {
  12.           color : pink;
  13.         }
  14.         a:active {
  15.           color : yellow;
  16.         }
  17.       </style>
  18.       <title>Links in Html</title>
  19.     </head>
  20.     <body>
  21.       <!-- color links
  22.       by stylesheet.css
  23.       a link, a visited a hover and a active.-->
  24.       <!-- bookmarks links with id -->
  25.       <p><a href="#A1">go to Absolute URL</a></p>
  26.       <hr>
  27.       <!-- Relative URLs -->
  28.       <h1>Here is the Relative URL, which is in local folder.</h1>
  29.       <a href="images/flowers.jpeg">Relative URL</a>
  30.       <h3>Here is the bla bla bla<br>
  31.       bla bla bla<br>
  32.       bla bla bla<br>
  33.       bla bla bla<br>
  34.       bla bla bla<br>
  35.       bla bla bla<br>
  36.       bla bla bla<br>
  37.       bla bla bla<br>
  38.       bla bla bla<br>
  39.       bla bla bla<br>
  40.       bla bla bla<br>
  41.       bla bla bla<br>
  42.       bla bla bla<br>
  43.       bla bla bla<br>
  44.       bla bla bla<br>
  45.       bla bla bla<br>
  46.       bla bla bla<br>
  47.       bla bla bla<br>
  48.       bla bla bla<br>
  49.       bla bla bla<br>
  50.       bla bla bla<br>
  51.       bla bla bla<br>
  52.       bla bla bla<br>
  53.       bla bla bla<br>
  54.       bla bla bla<br>
  55.       bla bla bla<br>
  56.       bla bla bla<br>
  57.       bla bla bla<br>
  58.       bla bla bla<br>
  59.       bla bla bla<br>
  60.       bla bla bla<br>
  61.       </h3>

  62.       <hr>
  63.       <!-- Absolute URLs -->
  64.       <h1 id="A1">Here is the Absolute URL, which is taken from Web.</h1>
  65.       <a href="https://www.w3schools.com/default.asp">Absolute URL</a>
  66.       <hr>
  67.       <h3>Here is the bla bla bla<br>
  68.       bla bla bla<br>
  69.       bla bla bla<br>
  70.       bla bla bla<br>
  71.       bla bla bla<br>
  72.       bla bla bla<br>
  73.       bla bla bla<br>
  74.       bla bla bla<br>
  75.       bla bla bla<br>
  76.       bla bla bla<br>
  77.       bla bla bla<br>
  78.       bla bla bla<br>
  79.       bla bla bla<br>
  80.       bla bla bla<br>
  81.       bla bla bla<br>
  82.       bla bla bla<br>
  83.       bla bla bla<br>
  84.       bla bla bla<br>
  85.       bla bla bla<br>
  86.       bla bla bla<br>
  87.       bla bla bla<br>
  88.       bla bla bla<br>
  89.       bla bla bla<br>
  90.       bla bla bla<br>
  91.       bla bla bla<br>
  92.       bla bla bla<br>
  93.       bla bla bla<br>
  94.       bla bla bla<br>
  95.       bla bla bla<br>
  96.       bla bla bla<br>
  97.       bla bla bla<br></h3>
  98.       <hr>
  99.     </body>
  100.   </html>

Web view of Html:




Here is the Video: