Bij het programmeren van een webpagina, wil een ontwerper vaak opnemen van een beetje van interactiviteit. Een eenvoudige interactieve functie die u kunt toevoegen is het creëren van een weblink die wordt benadrukt wanneer de muis overheen zweeft. Om dit te doen, moet u eerst de automatische onderstrepen dat webkoppelingen meestal ontvangen, dan de pagina een onderstreping wordt weergegeven wanneer de muis over de link beweegt instrueren uitschakelen.
HTML en CSS
Hypertext Markup Language, beter bekend als HTML, is een van de meest voorkomende programmeertalen gebruikt op het Internet. Het bestaat uit een reeks opdrachten tags genoemd. Een begincode gelast een webbrowser om te beginnen iets te doen, die het nog steeds tot een eindtag wordt ingevoegd.
Cascading Style Sheets of CSS, werd later ontwikkeld om extra functionaliteit en interactiviteit toevoegen aan websites. HTML en CSS zijn ontworpen om door elkaar werken.
Sectie
Als u wilt een koppeling maken die benadrukt wanneer de muis over het hangt, moet u eerst het toevoegen van een opdracht van de stijl in het
sectie van de website. De opdracht zal er zo uitzien:a:link {text-decoration: none}
a:hover {text-decoration: underline;}
De eerste regel stelt dat een tekst/css-stijl begint. De tweede regel wordt de standaard opmaak onderstrepen dat is gekoppeld aan een webkoppeling verwijderd. De derde regel bestellingen de link naar onderstreept worden weergegeven wanneer de muis overheen zweeft, en de laatste regel de stijl sluit.
Sectie
Met de opdracht onderstrepen die worden beschreven in de
afdeling, nu alles wat u hoeft te doen is het toevoegen van de koppelingen in desectie. Dit is het gedeelte waarin alles dat je op een webpagina zien kunt. De HTML-code voor een webkoppeling is:De "> http://www.example.com" > de Zichtbare tekst
U moet de website voorbeeld vervangen door de URL die u wilt verbinden en toevoegen van uw eigen zichtbare tekst voor uw bezoekers om te lezen.
Wijzigingen
Een paar wijzigingen aanbrengen in deze HTML als u wenst. Bijvoorbeeld, kleur toevoegen aan de link door het toevoegen van "kleur: rood;" aan de code, waardoor het
een: hover {tekst-decoratie: onderstrepen; kleur: rood;}
U kunt ook een lijn erboven op de link met de code
een: hover {tekst-decoratie: onderstrepen overline;}
Hiermee maakt u een streep aan onder- en een lijn boven de tekst van de koppeling. Ten slotte kunt u de koppeling veranderen van grootte als de muis zich eroverheen met de code
een: hover {tekst-decoratie: onderstrepen; lettertype-grootte: 15;}
De lettertype grootte nummer verwijst naar de hoogte van het lettertype in pixels.