RačunalaProgramiranje

HTML tagova za tekst: poravnanje, veličina, font

Reklo bi se, šta da znaju HTML tagova za tekst, ako je u gotovo svim admin ima zgodan vizualni editor, što ih automatski stavlja?

Činjenica da je formatiranje sadržaja na web stranici se dosta razlikuje od rada u Office aplikacijama. Nema dovoljno samo da bi tekst atraktivan izgled, zbog ispravnog registracija ne ovisi samo prikazati web stranicu, ali i njegovoj promociji u tražilicama.

HTML-oznake i atributi: Osnovna sintaksa

Bilo koji tekst ima skriveni kod koji "objašnjava" računar šta i kako želite da se prikazuju na ekranu. Sve informacije se snima sa setom univerzalnih elemenata.

U stvari, HTML tagova za tekst - ovaj tim, koji dodaju na stranicu definirane blokove ili promijeniti svoj izgled. Format ispravan snimanja je kako slijedi:

Imajte na umu da nisu svi tagovi su upareni. Na primjer,
(dodavanje linija) ili


(horizontalna linija toga) ne treba da bude zatvorena sve.

Zašto ne mogu kopirati članke iz Worda i drugih programa u urednika sajta

Iako moderan uredski programi koriste isti HTML tagova za tekst, 99% od native kod nije pogodan za web stranice. Čak i ako u dokumentu prikazuje se aplikacija normalno, kad ubacite stranice mogu izgubiti formatiranja. Osim toga, zbog velikog broja dodatnih oznaka, a tražilice ne mogu adekvatno analizirati sadržaj atributa stranice. To je, pak, otežava promovirati svoju web lokaciju.

Da biste dobili čist i relevantnih kod, prvo treba očistiti tekst iz HTML tagova stvorena u uobičajenom urednik. Postoji nekoliko načina da se to uradi:

  1. "Oslobodi se" članak preko "Notepad", a tek onda umetnite stranice. Aplikacija briše sve HTML, tako da onda imaju ponovno formatiranje teksta (pomoću urednik ili ručnog alata).
  2. Pisati i objavljivati članke preko LiveWriter. urednik popularnog bloga odmah generira ispravan kod. I na kartici odvojene, možete vidjeti kako će tekst izgledati na sajtu.
  3. Koristiti HTML Cleaner. Ove online usluge ne uništiti sve koda u cjelini, već samo dodatni fragmenti. Sa filterima, vi birate koje oznake za skladištenje. Tu je i moćan WYSIWYG editor u formatu, koji dodaje da se već optimiziran kod komande.

Uvijek provjerite HTML prije nego što objavite novi post. U to ne bi trebalo biti, osim onih koje smo sada razmotriti oznaka.

st

Ovaj element je prisutan u gotovo svim člancima. Svaki stav treba staviti u takav kontejner - ovo pojednostavljuje oblikovanje i omogućava vam da držati dosljedan stil u cijelom mjestu. Za udobnost,

tag je uvijek napisan sa novom linijom.

poravnanje

Poseban HTML-tag "poravnanje teksta" se više ne koristi. Umjesto toga, stvoren univerzalni atribut ALIGN. Repozicioniranje okvir za tekst na stranici, morate odabrati jednu od 3 vrijednosti - CENTAR, desno ili lijevo. Isto tako, možete odrediti usklađivanje drugih elemenata - kao što su zaglavlja.

U nekim situacijama, za usklađivanje koristiti druge tagove HTML. centrirani tekst, na primjer, može se dogovoriti uz pomoć elementa

... . Zgodan odvojene tag? Za razliku od atributa, to radi sa bilo koji sadržaj, uključujući fotografije, video, flash, i tako dalje. D.

Naslove i podnaslove

subtitles sistem omogućava vam da kreirate logičku strukturu sadržaja. Kada je tekst podijeljen u semantičke jedinice, čitalac je mnogo lakše koncentrirati i učiti nove informacije. Tražilice također analizirali naslovima da vidite koje upite promoviraju stranici. To je razlog zašto SEO stručnjaci preporučuju za upotrebu u svojim tematskim ključeve.

U HTML koristi šest nivoa titlovi - od

na

. U ovom sistemu, postoji jasna hijerarhija:

  • ... . Glavni naslov (naslov članka, roba u online trgovini, i tako dalje. D.). U tekstu ne može biti samo jedan

    . Obično sadrži glavne ključne riječi.

  • ... . Titlovi druge pauze nivo tekst u smislene jedinice. Na primjer, ako ste bili rejting laptopi, možete napraviti nekoliko

    sa imenima različitih modela.

  • ... . Treći nivo je potrebno ako je tekst između

    je također podijeljen u male blokove. U našem primjeru, to može biti kriteriji vrednovanja - "Performance", "Memory", "Video", i tako dalje za svaki model ...

  • ,

    ,
    . U praksi, vrlo rijetki. Ali je opći princip je isti - oni moraju biti "ugrađen" u jedinici sa najvišim nivoom titlova.

Pazi za očuvanje ispravne hijerarhije. Vraćajući se našem primjeru, to znači da ne može odmah ući u imena modela kao što su

ili

. I dalje koristiti homogena u smislu titlovi blokova različitih nivoa (na primjer, ističu laptop, rangirana posljednji u rejting, koristeći
).

Ali shema, koja će odmah shvatiti i zapamtiti ispravnu strukturu zaglavlja u HTML.

listama

Bilo koji prijenos i bolje instrukcije izdaje u obliku lista, pomoću posebnog HTML tagova za tekst (česta greška - samo nekoliko paragrafa

, koji počinje s crticom ili brojem).

Struktura takvih blokova je vrlo jednostavna. Isprva smo se određuje tip liste - numerirana

    ... ili brojevima
      ... .

      Svi elementi se nalaze između otvaranja i zatvaranja tagova. Svaka lista stavka počinje novu liniju i ima format

    1. ... . Broj elemenata nije ograničen.

      Font izbor: i njegove atribute

      Ono što se može promijeniti pomoću HTML-oznake? Veličina teksta, njegova font i boja - i bez dodavanja novih klasa u CSS. Ovo je vrlo korisno kada trebate izabrati samo jednu rečenicu ili fragment.

      ima nekoliko atributa:

      • Lice. To vam omogućuje da promijenite font teksta. Možete ispisati više opcija, odvojene zarezima (Tahoma, Verdana). Osim ako prvi font korisnika, sistem koristi jednostavnu alternativu.
      • Veličine. Da biste povećali ili smanjili tekst, unesite citirao vrijednosti 1 do 7.
      • Boja. Ovisno o dizajnu, možete odabrati jedan od standardnih boja (crvena, zelena, plava) ili unesite kod bilo koje boje za izabrati iz.

      Nemojte koristiti stavovima koji su formatirani pomoću , umjesto titlova. Bolje je pitati isti dizajn parametara ispravna oznaka.

      Metode za izbor teksta

      Monoton tekst zamorno, čak i oborio u stavovima. ključne tačke preporučuje se izdvojiti grafički da privuče pažnju i promiješati interes u čitač. Evo nekoliko ekipa koje će se nositi s ovog zadatka.

      ... . Izuzetno popularan HTML-oznake. Bold tekst pada u oči, ali zato sa je prikladan za razlikovanje važnih razgovora poena i činjenice.

      Mnogi ljudi brkaju oznaka i . Vizualno nema razlike, ali oni rade na različite načine. Prvi jednostavno mijenja izgled teksta, a drugi služi kao "pokazivač" i naglašava najvažnijih dijelova (tematske ključne riječi i fraze za SEO).

      ... . Elegantan i rigorozne kurs je idealan za dizajn znanstvenih termina, stranih riječi i razne citate. U ozbiljnim publikacijama italic objaviti imena umjetničkih djela.

      ... . Možda toliko kontroverzi nije izazvao nikakve HTML-oznake. Podvući Tekst se rijetko koristi, kao što je ova metoda alokacije istorijski uporište za hiperveze. Ako koristite u člancima, imajte na umu da je ovo pogodan samo za kratko komada - ne više od 1 linija.

      ... . Zanimljiv citat koji vam omogućuje da rade i neke precrtanim teksta. Vrlo relevantan u oglašavanju - na primjer, da se naglasi kontrast između stare i nove cijene.

      ... . Najlakši način da se poveća veličinu slova bez ikakvih dodatnih podešavanja.

      ... . Radi na istom principu kao i prethodni citat. Tekst odložen u, smanjena u odnosu na tlo.

      ... . Ispravno ime za taj format - nadnaslovom. U osnovi, ovaj tag je dizajniran za matematiku stupnjeva i fusnote. Smanjuje veličinu slova i pomera izabrani tekst gore.

      ... . Je indeks često se može naći u raznim formulama. Izolovanom fragment se nalazi ispod glavnog teksta.

      semantičke kontejneri

      Kao što su neki blokovi se mogu naći u mnogim tekstovima, jer je počeo da se stvori poseban oznaka. Ovo pojednostavljuje oblikovanje, jer ako svaki tip sadržaja ima svoj skup stilova, odvoji dovoljno komad teksta i ukazuju na ono što ga sadrži.

      ... . Tag za računar kodova. Neizostavna u članovima programskih primjera - naredbe ne izvršavaju i prikazuju kao običan tekst.

      ... . Dizajniran za obradu citate - na primjer, ključne odlomke iz intervjua.

      ... . Čini dio teksta u posebnom bloku. Po defaultu, izbor je razvedena na lijevoj strani, ali u CSS također možete promijeniti veličinu, font stil i boju teksta.

      ... . Opcionalno oznaku koja sadrži informacije o autoru, uključujući i vezu.

      Liniju razdvajanja

      Uz jednostavne funkcije, možete odrediti logičan kraj veliki dio.


      ne par oznaka. To znači da se zatvaranje ne treba stavka formatu.

      C koristeći ŠIRINE atribut može biti kraći od separatora postavljanjem odgovarajuće veličine u pikselima ili procenat širinu prozora.

      Naučiti koristiti tagove za formatiranje teksta u HTML-u, samo ćete napraviti svoj članaka lakšim za čitanje, ali i poboljšati efikasnost SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 bs.atomiyme.com. Theme powered by WordPress.