Linki znacząco wpływają na wygląd strony internetowej. Niezależnie od tego, czy jest to Twoja witryna czy blog, pięknie dostosowane linki zmienią wygląd Twojej witryny na lepsze. Nawet bez znajomości html i css, tworzenie ładnego linku jest całkiem proste.
Instrukcje
Krok 1
Przede wszystkim stwórzmy zwykły link. Odbywa się to za pomocą następującego kodu: nazwa łącza. W tym kodzie tag jest linkiem. Jego atrybut „href” wskazuje adres strony, do której prowadzi link. Zamiast „tytuł linku” wpisz słowo lub frazę, która będzie reprezentować link
Możesz także dodać tekst, który pojawi się po kliknięciu linku. Pomoże Ci w tym atrybut „title” tagu.
Krok 2
Przejdźmy teraz do łączenia. Najłatwiej to zrobić w kaskadowych arkuszach stylów (css). Otwórz plik zawierający style dla Twojej witryny i napisz tam dalszy kod. Alternatywnie możesz wstawić style bezpośrednio na stronę html. Aby to zrobić, użyj kodu dostosowania stylu witryny.
Krok 3
Przejdźmy do projektu. Składnia wpisu to {parametry stylu}. Co mam tu napisać?
Najpierw zmień kolor linków według własnych upodobań. Ten kod Ci w tym pomoże:
{kolor: # 00000;}. Oczywiście zamiast "# 00000" musisz wstawić własny kolor. Kod koloru w tym formularzu można znaleźć w różnych programach graficznych (na przykład w Photoshopie) lub znaleźć paletę internetową.
Krok 4
Domyślnie przeglądarka sprawia, że linki są podkreślone. Można to anulować za pomocą następującego kodu: a {text-decoration: none;}
Aby utworzyć pogrubione linki, użyj parametru font-weight: bold;. Jest wstawiany do kodu stylu w taki sam sposób jak kolor, podkreślenie.
Krok 5
Zapewne zauważyłeś, że w niektórych witrynach po najechaniu na link zmienia się jego wygląd. Ty też możesz to zrobić. Taki kod pomoże ci: a: najedź na {parametry stylu}. Parametry określa się w taki sam sposób, jak dla zwykłego linku, jedyną wartością jest pseudoklasa „hover”, która informuje przeglądarkę o konieczności zastosowania tych ustawień po najechaniu na link.
Podobnie możesz podświetlić odwiedzone linki: a: odwiedzone {parametry stylu}
