Odaberite tekst. Podebljani tip
Pozdrav vama, onima koji vole rastaviti nešto novo i napuniti svoju škrinju znanja novim informacijama! Nakon čitanja članka naučit ćete kako napraviti podebljani tekst u html-u, koje druge vrste stilova postoje i koji su elementi odgovorni za to. Kao rezultat toga, vaša će se stranica moći pohvaliti čitljivim tekstom s ispravno istaknutim ključnim točkama.
U prethodnim člancima sam puno govorio o atributima i oznakama web jezika, o metodama dizajna izgled i , ali nikada nije dotaknuo određeni objekt bez kojeg niti jedno nalazište ne bi moglo preživjeti. Ovo je tekst.
Štoviše, ne samo kontinuirani skup slova, već kompetentno podijeljen u odlomke, s isticanjem ključne riječi, citati, poveznice itd. U tu svrhu, CSS jezici pružaju specijalni alati stilovi. Započnimo!
Opcije stila u html-u
Font tekstualnog sadržaja uvijek se može mijenjati. Na primjer, možete ga staviti podebljano ili kurziv, a možete ga i ukrasiti. Za to postoje jednostavne oznake koje je vrlo lako zapamtiti i potom primijeniti. Ispod je tablica elemenata koja objašnjava njihovu svrhu.
Prvo, pogledajmo podebljane elemente teksta.
Za povećanje debljine slova, postoje uparene oznake kao što su I . Korištenje ovih alata čini se istim jer formatiraju tekst podebljanim. Međutim, njihova svrha je drugačija. Stoga se ne mogu nazvati ekvivalentima i ne može se koristiti samo jedan od njih.
Da, oznaka je nastao uz uvjet promjene standardnog fonta u bogati i podebljani. Odnosi se na fizički izgled obrisa i ne nosi nikakvo semantičko opterećenje. Dakle, recimo da je ovo samo vrsta testnog prikaza.
A dizajniran za usmjeravanje pozornosti na ključnu točku. To je logičan element koji bi se intonacijom istaknuo tijekom razgovora.
Sada pogledajmo oznake poput I .
Oni formatiraju standardni font u kurziv. Mislim da ćete postaviti logično pitanje: „I ti se elementi međusobno razlikuju i po principu oznaka I ?. Pitanje je točno. I u pravu ste!
Doista, jedinica za označni jezik je osmišljen kako bi stavio naglasak na važne točke i detalje, dok samo varijacija izgleda sadržaja.
Alati za modificiranje fontova u css-u
CSS ne zaostaje mnogo i programerima nudi slične alate za uređivanje teksta. To su svojstva kao što su text-decoration i font.
– ovo je univerzalni parametar koji nadopunjuje font s određenim detaljima. Dakle, tekst se može “natjerati” da treperi (blink), podvlači (underline) ili precrtava (line-through), povlači crtu preko riječi (overline), nasljeđuje karakteristike nadređenog objekta (inherit) ili briše format fonta svih dodataka (ništa).
Drugi često korišten mehanizam za uređivanje tekstualnog sadržaja je svojstvo fonta. Uz njegovu pomoć možete promijeniti stil fonta (font-style), njegovu veličinu (font-size), postaviti velika slova, tj. označite vrstu malih slova (font-varijanta), kao i "igrajte se" sa stilom (font-weight).
A evo i primjera
Uzimajući u obzir sve informacije koje sam prethodno podijelio, pokušat ćemo napraviti primjer koda u kojem ćemo maksimalno iskoristiti stečeno znanje (podsjećam da se kod može upisati u ).
Stvorite naslov za novi paragraf!
Pišemo tekstualni sadržaj samog odlomka, koji bljeskajući .
Pokrenite primjer u pregledniku i obratite pozornost na stil. Stoga je naslov istaknut laganim, kosim stilom s podcrtanom crtom iznad rečenice. Odlomak se prikazuje malim velikim slovima. Istodobno, postoje logička i fizička raspodjela riječi u tekstu.
Sada možete urediti sadržaj teksta prema svim pravilima. Pretplatite se na ažuriranja mog bloga i pozovite prijatelje. cao cao!
Srdačan pozdrav, Roman Chueshov
Podebljanost fonta određena je pomoću CSS atributa težina fonta, koji može poprimiti sljedeće vrijednosti:
- upaljač- upaljač
- normalan- obični
- podebljano- mast
- odvažniji- masnije
- 100..900 - 100 odgovara najtanjem fontu; 900 - za najdeblje
Atribut stil fonta(stil fonta) koristi se za pisanje kurzivom i može imati sljedeće vrijednosti:
- kurziv- kurziv, rubovi teksta su zaobljeni
- normalan- obični
- kosi- kurziv
Atribut font-varijanta(vrsta fonta) koristi se za pisanje malim velikim slovima i može poprimiti sljedeća značenja:
- normalan- obični
- smaoo-kapice- mala velika slova
Uz podebljano, kurziv i mala velika slova, postoji još nekoliko popularnih stilova: podcrtavanje i grafičko označavanje.
Atribut tekst-ukras(dekoracija teksta) služi za podcrtavanje teksta i može imati sljedeća značenja:
- treptati- tekst koji treperi (IE ga ne podržava)
- line-through- prekriženi tekst
- nikakav- bez promjena
- nadcrtati- linija iznad teksta
- naglasiti- podcrtani tekst
Atribut tekstualna transformacija(pretvorba teksta) koristi se za rad s malim velikim slovima i može poprimiti sljedeće vrijednosti:
- kapitalizirati- sve riječi počinju velikim slovom
- mala slova- sav tekst se piše malim slovima
- nikakav- bez promjena
- velika slova- sav tekst se piše velikim slovima
Primjer upotrebe težina fonta, stil fonta, tekst-ukras, tekstualna transformacija: Primjer br. 9
HTML kod stranice:
Bez naslova
"Zlatni prsten Rusije"(u davna vremena Zalesye), turistička ruta koja uključuje mrežu drevnih ruskih gradova: Sergiev Posad, Pereslavl-Zalessky, Rostov Veliki, Yaroslavl, Kostroma, Ples, Vladimir, Bogolyubovo, Suzdal, Yuryev-Polskoy, Uglich. Naziv Zalesie prvenstveno je geografski; označavao je sve ono što je bilo "izvan šume" u odnosu na Kijevsku Rusiju.
Turistička ruta (djeluje od početka 1970.), položena kroz povijesne gradove, prolazi kroz teritorij pet regija - Moskva, Jaroslavlj, Kostroma, Ivanovo, Vladimir. Drevni gradovi ovih zemalja imaju svoju sudbinu, svoju prošlost. Prošli su težak put u svom povijesnom razvoju od prvih dana rođenja do danas. Mnogo toga je nepovratno izgubljeno na ovom dugom putu. Ravnodušnost i nemar dovode do djelomičnog ili potpunog uništenja jedinstvenih građevina, na primjer gradova Kalyazin, Mologa, Uglich. Tijekom izgradnje hidroelektrane Uglich, drevni Pokrovski samostan s jedinstvenim spomenicima iz 15. i 17. stoljeća dignut je u zrak i pao pod vodu. Polovica crkava u Uglichu je srušena, ograde samostana su demontirane, što je uništilo njihovu cjelovitost ansambla. Zahvaljujući naporima restauratora, deseci drevnih arhitektonskih objekata koji su se činili nepopravljivo izgubljeni izvučeni su iz zapuštenosti i spašeni od uništenja. Vraćeni u život u svom izvornom obliku: arhitektonska cjelina samostana Uskrsnuća (1674.-77.) u Uglichu, crkva Pokrova na Nerli (12. stoljeće), Dimitrijeva katedrala (12. stoljeće) i "Zlatna vrata" Vladimira , Katedrala svetog Jurja (12. st.) Yuryev-Polsky, spomenici drevnog Suzdala, gdje su obavljeni složeni radovi na obnovi povijesnih građevina unutar cijelog grada, grad-muzej. Cijeli arhitektonski kompleksi Muzeja drvene arhitekture ponovno su stvoreni u Kostromi i Suzdalu. Sve je to kreacija ljudskih ruku koje su dotakle zaštićene teritorije ruske zemlje.
Postoje tri načina za označavanje podebljanog teksta na HTML stranici, ali nemojte žuriti da odmah upotrijebite bilo koji koji vam se sviđa, budući da takvo isticanje može imati različita značenja i utjecati na optimizaciju web mjesta za tražilicu.
Podebljani font s jakom oznakom
Ova metoda je prikladna ako želite istaknuti važan dio teksta podebljanim slovima. HTML oznaka je logična oznaka za formatiranje i njena je suština "naglasiti" važnost odabranog fragmenta.
U HTML-u postoje i druge oznake logičnog oblikovanja. Na primjer, oznaka čini tekst kurzivom i označava naglasak na istaknutoj frazi.
Ostale vrste odabira teksta opisane su u članku :.
Običan tekst istaknuti važan dio teksta. Običan tekst.
Podebljani tekst pomoću b oznake
Običan tekst tekst podebljan. Običan tekst.
Podebljani CSS stilovi
Podebljani tekst može se napraviti ne samo pomoću posebnih HTML oznaka. Možete postići podebljani ispis na bilo kojoj oznaci postavljanjem svojstva font-weight: bold;
(ne radi za sve fontove).
Takvo isticanje bit će stilske prirode, bez dodavanja logične težine odabranom tekstu.
Osim toga, možete odabrati ili određenu oznaku ili grupu elemenata odjednom postavljanjem stilova putem CSS klase.
CSS svojstvo unutar atributa style:
CSS svojstvo unutar atributa style:
Tekst podebljan.
CSS svojstvo unutar atributa style:
Tekst normalnim fontom.
Što učiniti ako ne možete podebljati tekst?
Ako ne možete podebljati tekst, vjerojatno su CSS stilovi elemenata nadjačani na vašoj web-lokaciji. U ovom slučaju morat ćete prilagoditi ove stilove. U većini slučajeva to će se učiniti kroz glavnu CSS datoteku stilova. Ako ovo ne razumijete, obratite se webmasteru. Najvjerojatnije, rješavanje ovog problema neće zahtijevati više od 5 minuta rada (iako, naravno, mogu postojati iznimke).
Opis
Određuje je li stil fonta običan, kurziv ili kurziv. Kada je tekst postavljen na kurziv ili kurziv, preglednik poziva sustav da pronađe odgovarajući font. Ako navedeni font nije pronađen, preglednik koristi poseban algoritam za simulaciju željene vrste teksta. Rezultat i kvaliteta mogu biti nezadovoljavajući, osobito kod ispisa dokumenta.
Sintaksa
stil fonta: normalan | kurziv | koso | naslijediti
Vrijednostinormal Normalni stil teksta.
kosi italski stil. Kurziv i kurziv, iako su slični, nisu ista stvar. Kurziv je poseban font koji oponaša rukopis, dok se kurziv formira naginjanjem uobičajenih znakova udesno.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Rezultat ovog primjera prikazan je na sl. 1.
Riža. 1. Primjena svojstva font-style
Objektni model
document.getElementById("elementID ").style.fontStyle
Preglednici
Inačice Internet Explorera do i uključujući 7.0 ne podržavaju vrijednost nasljeđivanja.
Preglednici uvijek prikazuju tekst s kosom vrijednošću kao kurzivom. U ovom ćemo članku govoriti o tome kako istaknuti tekst kurziv
- HTML. Kao i kod podebljanog teksta, kurziv se može napraviti na tri načina: Označiti ja
- HTML. Kao i kod podebljanog teksta, kurziv se može napraviti na tri načina: HTML; ja
- em stil fonta.
CSS svojstvo
Pogledajmo sve tri opcije kako napraviti kurziv u HTML-u, razgovarati o zamršenosti ovog problema i koje su metode prikladnije i ispravnije koristiti u određenim situacijama.
HTML. Kao i kod podebljanog teksta, kurziv se može napraviti na tri načina: Označiti Tekst u kurzivu: oznaka (kurziv), slično oznaci b Označiti:
za podebljani tekst, služi za fizičko isticanje kurzivnog teksta (to znači da se mijenja samo stil teksta). Primjena oznake
Graditelj web stranica "Nubex" .
Pogledajmo sve tri opcije kako napraviti kurziv u HTML-u, razgovarati o zamršenosti ovog problema i koje su metode prikladnije i ispravnije koristiti u određenim situacijama.
Tako se traženi dio teksta nalazi između oznaka Označiti Iako je oznaka HTML; ostaje na snazi, sa stajališta optimizacije stranice bolje je koristiti oznaku :
za isticanje logički važnih dijelova teksta. To znači da roboti za pretraživanje uzimaju u obzir važnost teksta koji se nalazi između oznaka Graditelj web stranica
"Nubex"
za isticanje logički važnih dijelova teksta. To znači da roboti za pretraživanje uzimaju u obzir važnost teksta koji se nalazi između oznaka Proizlaziti:
"Nubex" Označiti I HTML; Ali ne zaboravite da je tekst zatvoren u oznakama HTML;, iako se prikazuju gotovo identično (u svim modernim preglednicima), u biti nisu potpuno identični, kao što je gore navedeno. Stoga trebate koristiti oznake prema potrebi: oznaka Označiti HTML uokviruje važne dijelove teksta, a vizualni kurziv primjenjuje se pomoću oznake
ili CSS stilova. Pogledajmo sada korištenje CSS stilova za izradu kurzivnog teksta.
Tekst u kurzivu s CSS-om stil fonta Za postavljanje stilova prikaza fonta u CSS-u upotrijebite svojstvo kosi, koji može poprimiti sljedeće vrijednosti: kurziv(kurziv tekst), normalan(kurziv) i
(običan font). Vrijedi to zapamtiti kurziv font i sklona , u biti, nisu ista stvar. Kurziv font i je poseban font koji je analogan rukom pisanom tekstu, i
nastaje naginjanjem regularnog fonta udesno. stil fonta Primjena atributa
Kurziv s CSS - "Nubex" Naše stranice su, doista, ogroman korak
Mi to radimo stvarno kvaliteta stranice.
Ali morate zapamtiti da neki preglednici imaju tekst sa svojstvom font-style:oblique; ne može se tumačiti kao tekst u kurzivu, već kao tekst u kurzivu.
