Links worden gebruikt om duidelijke en gemakkelijke navigatie tussen blogpagina's te creëren. Ze kunnen zowel intern als extern zijn. In het eerste geval zorgen links voor een overgang tussen het materiaal van de ene bron, in het tweede geval naar sites van derden.
instructies:
Stap 1
Om links naar uw blog te plaatsen, logt u in op uw beheerderspaneel. Als het dagboek is gemaakt met behulp van gratis technologieën, bijvoorbeeld https://www.blogger.com/, logt u in op uw account via de website van het ontwikkelaarsbedrijf. Voer in dit geval uw gebruikersnaam en wachtwoord in op bladzijde
Stap 2
Selecteer op de werkbalk een opdracht om een nieuw bericht te maken of een eerder gepubliceerd bericht te bewerken. U ziet een leeg venster voor het aanbrengen van wijzigingen, waarboven de opdrachten worden weergegeven.
Stap 3
Als u een link in de tekst of afbeelding wilt opnemen, selecteert u het woord of gedeelte van de zin waarvan de overgang zal worden gemaakt en klikt u vervolgens op de knop "Link toevoegen". Noteer in het geopende formulier het paginaadres.
Stap 4
De taakbalk geeft echter een zeer beperkt aantal taken weer en als u de link op een speciale manier wilt opmaken, moet u de paginacode wijzigen. Om over te schakelen naar de bewerkingsmodus, selecteert u het commando "Render in html".
Stap 5
Voeg de link toe met behulp van tags en voeg de relevante elementen toe. De tooltip wordt ingesteld door het kenmerk title="Text", zodat de pagina in een nieuw venster wordt geopend, schrijf. Alt = "Alternatieve tekst" - de tussen aanhalingstekens opgegeven waarde wordt zichtbaar voor de gebruiker als de afbeelding niet wordt weergegeven. Link, alink, vlink - kleurenschema van niet-bezochte, actieve en gebruikte links, ingesteld in het veld. Om de onderstreping te laten verschijnen nadat u met de cursor over de cursor beweegt, moet u het volgende instellen: a: hover {text-decoration: underline; kleur: # 800000} a {text-decoration: none;} Gebruik de volgende link om een gestippelde onderstreping te maken: A.dot {text-decoration: none; border-bottom: 1px streepjes # 000080; } A.dot:hover {kleur: # f00000; } Attributen: - tekstdecoratie: geen - verwijder de onderstreping; - kleur: # f00000 - stel de kleur in; - border-bottom: 1px streepjescode # 000080 - voeg een nieuwe regel toe.
Stap 6
Sla het resultaat op en controleer of de links werken.
