Effecten voor HTML-tekst

  • Aantrekkelijke HTML-teksteffecten
  • HTML-tekst speciale effecten

Aantrekkelijke HTML-teksteffecten

Teksteffecten kunnen uw website er interessanter uit laten zien, maar als u ze verkeerd gebruikt, kunnen ze er een nachtmerrie van maken. U kunt de tekst markeren, op de achtergrond laten staan, over het scherm laten scrollen of zelfs van de bovenkant van de webpagina laten vallen. Merk op dat sommige HTML-codes niet in alle browsers werken, in het bijzonder Netscape. Al deze HTML-codes moeten in de tags worden geplaatst.

Tekst scrollen

De tag "tent" in de HTML-code laat uw tekst van rechts naar links, van links naar rechts en omhoog of omlaag scrollen. Dit is een van de tags die niet werkt in Netscape.

Een voorbeeld van verplaatsing:

Schrijf hier je tekst

Schrijf hier je tekst

Achtergronden en gemarkeerde tekst

De achtergronden plaatsen een kleurvak onder de tekst die u schrijft.

Code voorbeeld:

Schrijf hier je tekst

Een gemarkeerde tekst is er een die is versierd met een semi-transparante kleur, die hetzelfde effect produceert als een markeerstift in een tekst die op papier is geschreven.

Voorbeeldcode voor een geel hoogtepunt:

Schrijf hier je tekst

Effecten bij het zweven

De effecten van zweven veroorzaken een actie die optreedt wanneer de gebruiker de cursor over het gedeelte van de tekst stopt dat is gewijzigd met de opdracht "". Wanneer u met de muis over de muis beweegt, verschijnt de tekst in een klein vakje net onder en iets boven de normale tekst.

Code voorbeeld:

Schrijf hier je tekst

Tekst neerzetten

Het effect van tekstverwijdering zorgt ervoor dat tekstblokken naar beneden scrollen op een webpagina. De code '' wordt voor dit doel gebruikt en kan op een hele pagina of alleen in een klein gedeelte worden toegepast.

Bijvoorbeeld:

Schrijf hier je tekst

HTML-tekst speciale effecten

Hoofdletter

In de tekstverwerker vergroot een hoofdletter de eerste letter van een paragraaf. U kunt dit effect op uw webpagina's reproduceren met behulp van HTML en CSS. Gebruik de eigenschap "zweven" om de hoofdletter en "lettergrootte" uit te lijnen om de grootte te vergroten ten opzichte van de rest van de alineatekst. Typ het teken in de "span" -tags.

Bijvoorbeeld:

T Dit is het voorbeeld van een hoofdlettereffect met de eigenschap "float".

Tekst scrollen

Het selectiekadereffect in HTML zorgt ervoor dat de tekst op verschillende manieren wordt verplaatst. De "richting" in de code vertelt de browser waar de tekst naartoe gaat: omhoog, omlaag, naar links of naar rechts. Het kenmerk "gedrag" beschrijft hoe de tekst zal bewegen: "Schuiven" zorgt ervoor dat de tekst buiten het zichtbare selectiekader komt en opnieuw begint; "dia" maakt het stoppen aan het einde van de selectiekader; "alternate" vertelt de tekst om van de ene naar de andere kant te gaan. Gebruik "scrollamount" om de snelheid te bepalen; Hoe hoger het nummer, hoe hoger de rijsnelheid.

Bijvoorbeeld:

Tekst omhoog scrollen!

Koptekst onder de muis

De span-tag in HTML zorgt ervoor dat een tekst verschijnt in het gebied waar deze wordt ingevoegd. Als u bijvoorbeeld een samenvatting aan een alinea wilt toevoegen, voegt u de tekst in met de span-tag.

Bijvoorbeeld:

Alineatekst hier.

Interessante Artikelen