Hoofletter in HTML en CSS

Hoofletter, in ooreenstemming met die definisie - dit is 'n element van die teks, wat toegeneem in grootte in vergelyking met klein. Feitlik al gekapitaliseer tale begin van 'n sin. 'N Ontwerp van die begin van die paragraaf is in hoofletters maak dit moontlik om die teks te struktureer en fasiliteer sy persepsie. Wanneer dit uitgevoer word internet bladsy, kan die teks geskryf word in ooreenstemming met die voorkeure van die skrywer en die reëls van die Russiese taal. Ook, kan die ontwerp word "outomatiese" deur sekere "opdragte" om die lêer uitbreiding van die css - stylblad - of voeg by jou html lêer afdeling styl. CSS gewoonlik bestudeer verder met html, om vinnig 'n paar elemente van die ontwerp te verander in 'n keer in die hele teks. Dit is veral waar as die webwerf het honderde bladsye, en veranderinge op elkeen van hulle is baie tydrowende proses maak.

As jy css gebruik, kan hoofletters aan die begin van elke paragraaf verskyn in 'n spesiale manier. Byvoorbeeld, bekendgestel in html sonder die hakies volgende kode maak voorsiening vir teks, trek die etiket "p", 'n hoofletter te maak - eerste letter - groter - 220% van standaard grootte, geel - die waarde van kleur is gelyk aan geel en skryf haar briewe, anders as die res van die teks - Georgia teen batangche.

(<) Styl (>)

p {font-family: batangche; font-size: 93%;}

p: eerste-letter {font-family: Georgia, font-size: 220%; kleur: geel,}

(<) / Style (>)

Pragtige pette is beskikbaar as jy jou eie skrif in die vorm van foto's te skep - vir elke letter van 'n afsonderlike beeld, byvoorbeeld, in die Ou of die Gotiese styl. Hulle kan trek in 'n grafiese redakteur. Dan, in die gewenste plekke om 'n hoofletter te plaas, kan jy kode in te voeg sonder hakies (<) img src = http: // site / artikel / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0 % BB% D0% BA% D0% B0 na die plek waar die foto "(>) lê. Bykomende eienskappe Foto tag sal heigh en breedte - die hoogte en breedte van die beeld, wat kan ingestel word in pixels vir die harmonieuse kombinasie met die res van die teks. Voorbeeld: (<) img src = http: // site / artikel / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0% BB% D0% BA% D0% B0 in plek waar is die prentjie "heigh = 12 px width = 6px (>). Die hakies om die verwyder.

As jy nie in staat is om die alfabet te trek, kan hoofletter uitgereik met behulp van die fonts is in gratis toegang tot die "Gugle" (Fonts artikel) of ander soekenjins en webwerwe gelê. Om dit te doen, uit te reik bogenoemde kode soos volg:

(<) Styl (>)

p {font-family: batangche; font-size: 93%;}

p: eerste-letter {font-family: Kelly + Slab; font-size: 220%; Blou;}

(<) / Style (>)

A etiket "kop" om 'n skakel by te voeg sonder hakies vir "Connection", waarna die familie dui die geselekteerde font familie te vervang, benewens, ook in die p: eerste-letter.

(<) Link href = "http: //fonts.googleapis.com/css familie = Kelly + Slab & subset = latin, Cyrilliese 'n rel = tipe 'style' = 'text / css" (>).

Diens "Google" kan jy een of ander kies tipe font en bied 'n gereed verwysing vir die insetsel in html of css. Neem asseblief kennis dat jy moet seker wees om 'n groep van skriftipes kies - Latyns-of Cyrilliese alfabet, soos byna al die Latynse skrif werk nie wanneer jy 'n Russiese teks te maak. Op die oomblik is, die soektog bied 40 soorte Russiese fonts vir gratis.

Hoofletter of 'n kapitale teenvoeter kan versier met die hulp van eiendom CSS teks te omskep. As die stylblad stel die teks te omskep: Geen, sal die teks verskyn as jy dit skryf. Om al die letters in 'n lyn registreer skakel moet deur 'n dubbelpunt teks gestel word omskep: klein, en vir die hoofletters - hoofletters. Die opstel van die eiendom se waarde teks te omskep: kapitaliseer doen, wat aan die begin van elke woord word gekapitaliseer.