HTML oznake za besedilo: poravnava, velikost, pisava

Zdi se, zakaj poznate HTML oznake za besedilo, če je sedaj skoraj vsak admin priročen vizualni urednik, ki jih samodejno nastavi?

Dejstvo je, da se oblikovanje vsebine na spletnem mestu bistveno razlikuje od dela v pisarniških aplikacijah. Ni dovolj samo, da bi besedilo postalo privlačno, saj je pravilen videz ne samo prikaz spletne strani, temveč tudi promocija v iskalnikih.

HTML oznake in atributi: osnove sintakse

V poljubnem besedilu je skrita koda, ki »razloži« na računalnik, kaj in kako naj bo prikazano na zaslonu. Vse informacije se zabeležijo z uporabo univerzalnih elementov.

Pravzaprav so oznake HTML za besedilo ukazi, ki na stran dodajo določene bloke ali spremenijo njihov videz. Pravilna oblika vnosa je:

Upoštevajte, da niso vse sezname seznanjene. Na primer,
(preskoči črto) ali (dodajanje vodoravne črte) sploh ni treba zapreti.

Zakaj ne morete kopirati člankov iz Worda in drugih programov v urejevalnik strani

Čeprav sodobni pisarniški programi uporabljajo iste HTML oznake za besedilo, v 99% primerov domača koda ni primerna za spletne strani. Tudi če je dokument običajno prikazan v sami aplikaciji, lahko oblikovanje ne uspe, če je vstavljeno na spletno mesto. Poleg tega zaradi velikega števila nepotrebnih oznak in atributov iskalniki ne morejo ustrezno analizirati vsebine strani. To pa otežuje promocijo vašega vira.

Če želite dobiti čisto in ustrezno kodo, morate najprej izbrisati besedilo iz oznak HTML, ki jih je ustvaril pravilni urednik. To lahko storite na več načinov:

1. »Zaženite« članek s pomočjo »Beležka« in šele po tej prilepi na spletnem mestu. Aplikacija izbriše vse HTML, zato boste morali znova formatirati besedilo (z uporabo orodja urednika ali ročno).
2. Pisanje in objavljanje člankov preko LiveWriter. Popularni urejevalnik blogov takoj ustvari pravilno kodo. V posebnem zavihku si lahko ogledate, kako bo videti besedilo na spletnem mestu.
3. Uporabite HTML Cleaner. Ta spletna storitev ne uniči vse kode v celoti, temveč le dodatne fragmente. Z uporabo filtrov izberete, katere oznake želite shraniti. Obstaja tudi močan vizualni urejevalnik za oblikovanje, ki dodaja optimizirane ukaze k kodi.

Pred objavo novega zapisa vedno preverite HTML. Ne sme vsebovati oznak, razen tistih, ki jih bomo zdaj gledali.

Odstavki

Ta element je prisoten v skoraj vseh izdelkih. Vsak odstavek bi moral biti v takem vsebniku - poenostavlja oblikovanje in vam omogoča, da na vseh straneh spletnega mesta ohranite en sam slog. Za udobje, oznako

vedno napišite novo vrstico.

Poravnava

Posebna oznaka HTML "Poravnaj besedilo" ni bila dolgo uporabljana. Namesto tega je bil ustvarjen univerzalni atribut ALIGN. Če želite spremeniti položaj besedilnega bloka na strani, morate izbrati eno od treh vrednosti - CENTER, RIGHT ali LEFT. Podobno lahko nastavite tudi poravnavo za druge elemente - na primer glave.

V nekaterih primerih se za poravnavo uporabljajo druge oznake HTML. Na primer, besedilo na sredini je mogoče urediti z uporabo elementa

Naslovi in ​​podpostavke

Sistem podnaslovov vam omogoča ustvarjanje logične strukture vsebine. Ko je besedilo razdeljeno na semantične bloke, se bralcu veliko lažje osredotoči in se učijo nove informacije. Iskalniki analizirajo tudi glave, da bi razumeli, katere zahteve za promocijo strani. Zato SEO strokovnjaki priporočajo uporabo tematskih ključev.

HTML uporablja šest ravni podnapisov - od

• . Glavni naslov (naslov članka, blago v spletni trgovini itd.). V besedilu je lahko samo ena

• ...

  . Podnaslovi druge stopnje prelomijo besedilo v semantične bloke. Če na primer ocenite zvezke, lahko naredite več

  z imeni različnih modelov.

• ...

  . Tretja raven je potrebna, če je besedilo med dvema

  prav tako razčlenjeni na majhne bloke. V našem primeru je to lahko merila ocenjevanja - "Performance", "Memory", "Video card" itd. Za vsak model.

• ,

  ,

  . V praksi so zelo redki. Toda splošno načelo je enako - v bloku je treba "ugnezditi" s podnaslovom najvišje ravni.

Spremljajte pravilno hierarhijo. Če se vrnete v naš primer, to pomeni, da ne morete takoj vnašati imen modelov kot

ali

. Še toliko bolj, da uporabite podnaslove različnih ravni za homogene blokade pomena (na primer, da dodelite prenosni računalnik, ki je zadnje mesto v bonitetnem razredu s pomočjo

).

In tukaj je diagram, ki vam bo pomagal takoj razumeti in zapomniti pravilno strukturo glave v HTML-ju.

Seznami

Kakršnekoli navajanja in navodila so bolje oblikovane kot seznami z uporabo posebnih oznak HTML za besedilo (tipična napaka je le nekaj odstavkov

,ki se začnejo s črko ali številko).

Struktura takšnih blokov je zelo preprosta. Najprej določimo vrsto seznama - označenega

...

...

Vsi elementi so med oznakami za odpiranje in zapiranje. Vsak element na seznamu se začne z novo vrstico in ima obliko

Izbira pisava: in njegove lastnosti

Kaj lahko spremenim z uporabo te oznake HTML? Velikost besedila, njene pisave in barve - in brez dodajanja novih razredov v CSS. To je zelo priročno, če morate izbrati samo en stavek ali fragment.

ima več atributov:

• Face. Omogoča spreminjanje pisave besedila. Lahko navedete več možnosti, ločenih z vejicami (Tahoma, Verdana). Če uporabnik nima nameščene prve pisave, sistem preprosto uporabi drugo možnost.
• Velikost. Če želite povečati ali zmanjšati besedilo, v kotacijah navedite vrednost od 1 do 7.
• Barva. Glede na zasnovo lahko izberete eno od standardnih odtenkov (rdeča, zelena, modra) ali vnesete katero koli barvno kodo.

Ne uporabljajte odstavkov, oblikovanih z , namesto podnapisov. Za pravilno oznako je bolje nastaviti enake nastavitve.

Načini izbiranja besedila

Monotono besedilo pnevmatik, tudi z razčlenitvijo po odstavkih. Da bi pritegnili pozornost in poudarili zanimanje bralca, je priporočljivo grafično poudariti ključne točke. Tukaj je nekaj ukazov, ki vam bodo pomagali obvladati to nalogo.

.... Izjemno priljubljena oznaka HTML. Krepko besedilo takoj ujame oko, zato je s svojo pomočjo primerno izpostaviti pomembne teze in dejstva.

Številni zmedeni oznaki in . Vizualno ni nobene razlike, vendar delujejo na različne načine. Prvi preprosto spremeni videz besedila, drugi pa opravlja funkcijo »kazalca« in poudarja najpomembnejše fragmente (tematske ključne besede in besedne zveze za SEO).

.... Elegantna in stroga poševnica je idealna za oblikovanje znanstvenih izrazov, tujih besed in različnih citatov. V resnih publikacijah nagnjeno besedilo razlikuje tudi imena umetniških del.

.... Morda, toliko sporih ni povzročil nobene oznake HTML. Podčrtajte besedilo Redko se uporablja, saj je bila ta metoda razporeditve zgodovinsko dodeljena hiperpovezavam. Če uporabljate v člankih, upoštevajte, da je to primerno samo za kratek odsek - največ 1 vrstico.

.... Zanimiva oznaka, ki vam omogoča, da sodelujete besedilo prečrtano. Zelo pomembno v oglaševanju - na primer poudariti kontrast med starimi in novimi cenami.

.... Najlažji način za povečanje velikosti pisave brez dodatnih parametrov.

.... Deluje po istem načelu kot prejšnja oznaka. Besedilo znotraj je zmanjšano glede na glavno besedilo.

^.... Pravilno ime za ta format je nadpis. V bistvu je ta oznaka namenjena matematičnim stopnjam in opombam. Zmanjša se velikost pisave in premakne izbrano besedilo gor.

_.... Navodilo pogosto najdemo v različnih formulah. Izbrani fragment se nahaja pod glavnim besedilom.

Semantične posode

Ker so bili nekateri bloki najdeni v mnogih besedilih, so za njih ustvarjene posebne oznake. To poenostavlja oblikovanje, ker če ima vsaka vrsta vsebine lasten nabor slogov, je dovolj, da izberete delček besedila in navedete, katere informacije vsebuje.

.... Oznaka za dodajanje računalniških kod. V člankih o programiranju je nenadomestljiv s primeri - ukazi se ne izvajajo, ampak so prikazani kot navaden tekst.

.... Namenjen je oblikovanju citatov - na primer ključne odlomke iz intervjuja.

...

. Dodatna oznaka, ki vsebuje podatke o avtorju, vključno s povezavami.

Ločitev linije

Z enostavno vrstico lahko označite logični konec velikega dela. ne velja za seznanjene oznake. To pomeni, da zaključni element formata ni potreben.

Z uporabo atributa WIDTH lahko separator naredite krajši, tako da določite ustrezno velikost v pikih ali odstotkih širine okna.

Z učenjem, kako pravilno uporabljati oznake za oblikovanje besedila v HTML-ju, ne samo, da svoje članke enostavno berete, temveč tudi povečate učinkovitost SEO.