RekenaarsProgrammering

Versier 'n webblad en die grootte van die skrif in die HTML

Beginner web ontwerpers sal nuttig om te weet oor hoe om 'n web bladsy teksontwerp wees. Dit sluit in ooreenstemming, kleur, lettergrootte, en nog baie meer.

Op opmaak gepaardgaande verskeie tags. Die mees algemeen gebruikte "p" - paragraaf. Dit het opsionele parameters wat die voorkoms definieer van teks.

Die eerste en belangrikste parameter - hierdie "align". Dit bepaal die belyning van die teks en kan óf "links", "regs", "middel" en "regverdig" - belyning op die links, regs, middel, en oor die breedte van die blok, onderskeidelik. Let daarop dat die posisie van die teks gegee word nie op die skerm grense, en binne 'n paragraaf.

Dit word gevolg deur die parameters "klas" en "id". Hulle bepaal tot watter klas behoort aan hierdie voorwerp en sy identifisering. Dit kan ook die kenmerk en "styl" sluit - Hy vra inline styl blokke. Al hierdie eienskappe is wat verband hou met CSS, wat ons 'n bietjie laer gaan.

In die etiket "p" daar is een nadeel - dit versuim om 'n eksterne stel die lig van die skrif, soos sy kleur of grootte. Vir hierdie doeleindes is 'n ander etiket - "FONT". Al sy opsies te bepaal hoe die teks gaan lyk.

Die eerste kenmerk van die etiket - "kleur". As jy kan raai, daar word 'n kleur. Hierdie parameter kan word as name ( "wit", "geel", "magenta"), en waardes in RGB stelsel. Dit word soos volg gedoen: eers die # teken, en dan identifiseer die drie getalle in heksadesimaal notasie van 00 tot ff of 0-255 - desimale - die bedrag van rooi, groen en blou in die finale kleur. Byvoorbeeld, om rooi te gebruik om "# ff0000", geel skryf - "# ffff00".

Die volgende kenmerk - "gesig". Dit definieer die lettertipe. Byvoorbeeld, kan dit ingestel word om "Times New Roman" of "Tahoma".

En ten slotte, vir die grootte van die skrif in die HTML reageer parameter "grootte". Dit neem 'n numeriese waarde - font.

Byvoorbeeld, om die teks in blou en die skrif "Comic Sans MS" vyftiende pen vertoon, is dit nodig om die etiket "p" te definieer met die volgende parameters:

color = "# 6666ff" face = "Comic Sans MS" size = "15"

Ook, daar is 'n paar etikette wat dit moontlik maak om 'n spesifieke tipe van formaat spesifiseer: "b" - Bold, "i" - kursief, "u" - onderstreep. Almal van hulle het geen parameters.

Stel die teks skryf in HTML - lettergrootte headset - mooi ongemaklik. Stel jou voor dat jy nodig het om te word afgewissel met 'n ander ontwerp blokke teks. Dan, vir elk van die etikette wat jy het om dieselfde eienskappe te definieer. Baie meer gerieflik kan dit geïmplementeer word met die hulp van CSS-Cascading Style Sheets. Byvoorbeeld, om 'n prentjie klas met die naam "myclass" te skep met die ontwerp as in die vorige voorbeeld, moet jy die etiket "styl" hierdie lyn voeg:

#myclass {font: rgb (102102255) "Comic Sans MS" 15pt;}

Hier "rgb (102102255)" stel die kleur, "Comic Sans MS" - 'n headset en "15pt" - lettergrootte. soos kegels, en die pixels (vir dit wat jy nodig het om te skryf, byvoorbeeld, "20px") - kleur kan ook die naam en die skrif spesifiseer.

Om hierdie registrasie gebruik is wat nodig is om "p" tag skryf:

class = "myclass"

Op dieselfde wyse, kan jy enige ander teks te trek. Dit is genoeg om die parameter "klas" stel van die klas van die waarde wat jy wil gebruik.

En om 'n ID te skep met die naam "myid", moet "styl" rekord:

#myid {font: rgb (102102255) "Comic Sans MS" 15pt;},

en die etiket "p" stel die "id" kenmerk met 'n waarde van "myid".

Klas en ID - dis feitlik dieselfde ding. In hierdie geval een tag verklaar as die eerste en tweede:

class = "myclass" id = "myid"

Daar is twee maniere om die voorkoms van die teks verander - HTML en CSS. As jy nodig het om een of twee blokke uit te reik, gebruik HTML. 'N Groot aantal paragrawe met identiese opmaak CSS is meer gemaklik.

Soos jy kan sien, verander die font grootte in die HTML is 'n sprong. Die belangrikste ontwikkeling - 'n praktyk, so probeer om meer uit te oefen, en jy sal slaag!

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 af.delachieve.com. Theme powered by WordPress.