Paulina Mostowska

Ćwiczenie 3 - Linki

Linki w css'ie możemy edytować posługując się stanami łączy. Jest to:

  1. a:link | jest to normalny, nieodwiedzony link
  2. a:visited | jest to link odwiedzony przez użytkownika
  3. a:hover | jest to link w momencie kiedy użytkownik najedzie na niego myszką
  4. a:active | jest to link w momencie kliknięcia
Link domyślny
Link ze zmienionym kolorem | color: hotpink;
Normalny link ze zmienionym kolorem za pomocą | a:link{color:green;}
Odwiedzony link ze zmienionym kolorem za pomocą | a:visited{color:yellow;}
Link, na który najechano myszką ze zmienionym kolorem tła za pomocą | a:hover{background-color:aqua;}
Link, który w momencie kliknięcia zmienia kolor | a:active{color:white;}

W linkach możemy stosować wiele różnych stylów tekstu i czcionki.

Linki mogą nas przenieść w różne miejsca oraz otwierać się w różny sposób:

  1. W taki sposób dodajemy linki | a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!
  2. _self | Domyślna. Otwiera dokument w tym samym oknie/karcie, w którym został kliknięty
  3. _blank | Otwiera dokument w nowym oknie lub karcie
  4. _parent | Otwiera dokument w ramce nadrzędnej
  5. _top | Otwiera dokument w całym oknie
Link może nas przenieść na dowolne miejsce na naszej stronie np. na koniec strony | nadajemy id tam gdzie chcemy by link nas przenosił i wpisujemy jego id | a href='#tutaj'
Link otwiera dokument w tej samej karcie | target='_self'
Link otwiera dokument w nowej karcie | target='_blank'
Link otwiera dokument w ramce nadrzędnej | target='_parent'
Link otwiera dokument w całym oknie | target='_top'