Haadletter yn html en CSS

Haadletter, yn oerienstimming mei de definysje - it is in elemint fan 'e tekst, dy't ferhege yn grutte fergelike mei lytse letters. Frijwol alle capitalized talen begjinnen fan in sin. In ûntwerp fan it begjin fan 'e alinea binne yn haadletters makket it mooglik om te strukturearjen de tekst en fasilitearret syn waarnimming. Wannear't útfierde ynternet side, de tekst kin skreaun wurde neffens de foarkar fan de skriuwer en de regels fan de Russyske taal. Ek syn ûntwerp kin "automatisearre" troch meitsjen wis "kommando" om de triem taheaksel fan de CSS - stylblêd - of tafoegje oan jo html triem seksje styl. CSS meastentiids studearre fierder mei html, om fluch feroarje guon eleminten fan it ûntwerp yn ien kear yn de hiele tekst. Dit is foaral wier as de webside hat hûnderten siden, en meitsje feroarings op elk fan harren is tige tiidslinend proses.

As jo brûke CSS, haadletters oan it begjin fan elke alinea kinne ferskine op in bysûndere manier. Bygelyks, yntrodusearre yn html sûnder de heakjes folgjende koade soarget foar tekst, tekenet de tag "p", om in haadletter - earst letter - grutter - 220% fan de standert grutte, giel - de wearde fan kleur is gelyk oan giel, en skriuwe har brieven, oars as de rest fan 'e tekst - Georgia tsjin batangche.

(<) Styl (>)

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

P: earste-letter {font-family: Georgia; font-size: 220%; color: giel;}

(<) / Style (>)

Moaie caps binne beskikber as jo meitsje jo eigen lettertype yn 'e foarm fan foto - foar eltse letter fan in apart plaatsje, bygelyks, yn de Alde of de goatyske styl. Se kinne lûke yn in grafyske bewurker. Dan, yn it winske lokaasjes om it pleatsen fan in haadletter, kinne jo ynfoegje koade sûnder heakjes (<) img src = http: // site / artikel / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0 % BB% D0% BA% D0% B0 nei it plak dêr't de foto "(>) leit. Oanfoljende attributes Img tag sil heigh en breedte - de breedte en hichte fan it byld, dat kin ynsteld yn piksels foar de harmoanyske kombinaasje mei de rest fan 'e tekst. Foarbyld: (<) img src = http: // site / artikel / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0% BB% D0% BA% D0% B0 yn plak wêr is de foto "heigh = 12 px width = 6px (>). De heakjes om de ferwiderje.

As jo gjin tekenen it alfabet, haadletter kin útjûn wurde mei help fan de lettertypen binne oanlein yn it frije tagong ta de "Gugle" (Lettertypen seksje) of oare sykmasines en sites. Om dit te dwaan, útjaan it boppesteande koade as folget:

(<) Styl (>)

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

P: earst-letter {font-family: Kelly + Slab; font-size: 220%; kleur: blau;}

(<) / Style (>)

In tag "kop" om heakjen in keppeling sûnder heakjes foar "Ferbining", dêr't nei de famylje jout de selektearre lettertypefamylje te ferfongen wurde, neist, ek meis: earst-brief.

(<) Link href = 'http: //fonts.googleapis.com/css famylje = Kelly + slab & dielsamling = latin, Syrillysk?' Rel = 'stylesheet' type = 'tekst / css' (>).

Tsjinst "Google" lit jo kieze ien of oare soarte fan lettertype en soarget foar in ree neislachwurk foar de insert yn html of CSS. Tink derom dat jo moatte der wis fan wêze te kiezen in groep lettertypen - Latynske of Syrillysk alfabet, lykas hast alle Latynske lettertypen net wurkje as jo meitsje in Russyske tekst. Op it stuit, de sykmasine jout 40 soarten Russyske lettertypen fergees.

Haadletter of in haadstêd antipode kin fersierd mei help fan eigendom CSS tekst nederlanders. As de stylblêd set de tekst transform: none, de tekst sil ferskine as jo it skriuwe. Om omsette alle letters yn in line register moat ynsteld wurde troch in dûbele punt tekst transform: lytse letter, en foar de haadletters - haadletter. It ynstellen fan de eigendommen wearde tekst transform: ynspylje dogge sa, dat oan it begjin fan elk wurd is capitalized.