HTML Text Spesialeffekter

HTML og CSS kan produsere noen fine teksteffekter i tillegg til standard formatering som skriftstørrelse og bakgrunnsfarge. Spesielle HTML effekter gjør teksten ser og oppfører seg på uvanlige måter som fanger betrakterens interesse. Bruk dem til å sprite opp et kjedelig webside eller forbedre ren tekst.

Drop Cap

I tekstbehandling, forstørrer en dråpe cap den første bokstaven i et avsnitt. Du kan reprodusere dråpe cap effekt på websider ved hjelp av HTML og CSS. Bruk "flyte" eiendom for å justere rulle toppen og "font-size" for å øke sin størrelse i forhold til resten av teksten i avsnittet. Legg ved karakteren i "span" tags.

Eksempel:

<P> <span style = "float: left; width: 0.7em; line-height: 80%; font-size: 350%"> T </ span> hans er et eksempel på en dråpe cap effekt ved hjelp av flyte eiendom .

Rullende tekst

Rulleteksten effekt i HTML gjør teksten flytte på forskjellige måter. Den "retning" i koden forteller en nettleser der teksten skal flytte: opp, ned, venstre eller høyre. Den "oppførsel" attributt beskriver hvordan teksten skal flytte: "Scroll" gjør teksten farten utover det synlige telt området og deretter starte på nytt; "Slide" gjør det stopp på slutten av rulleteksten; "Alternative" fører til at teksten skal flytte fra den ene siden til den andre. Bruk "scrollamount" for å bestemme hastighet; jo høyere tall, jo raskere rullehastighet.

Eksempel:

<Div style = "width: 300px">! <Marquee atferd = "alternative" retning = "opp" "scrollamount =" 3 "bgcolor =" gul "> Rullende tekst opp </ marquee> </ div>

mouse Tittel

HTML span tag fører til en tekst som skal vises over området hvor du setter den. For eksempel, hvis du ønsker å legge til et sammendrag til et avsnitt, sette inn tekst ved hjelp av span tag.

Eksempel:

<P span title = "Oppsummering av kapittel 1"> Avsnitt tekst her. </ P>