Računala, Programiranje
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:
- "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).
- 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.
- 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
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:
-
... H1>
. 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.
-
... H2>
. Titlovi druge pauze nivo tekst u smislene jedinice. Na primjer, ako ste bili rejting laptopi, možete napraviti nekoliko sa imenima različitih modela.
-
... H3>
. 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.
-
... H1>
. 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.
-
... H2>
. Titlovi druge pauze nivo tekst u smislene jedinice. Na primjer, ako ste bili rejting laptopi, možete napraviti nekolikosa imenima različitih modela.
-
... H3>
. Treći nivo je potrebno ako je tekst izmeđuje 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
- ... ul> ili brojevima
- ... li>. 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.
... B> . 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).
... I> . 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.
... U> . 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.
... S>. 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.... big> . Najlakši način da se poveća veličinu slova bez ikakvih dodatnih podešavanja.
... small> . Radi na istom principu kao i prethodni citat. Tekst odložen u, smanjena u odnosu na tlo.
... sup> . 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.
... SUB> . 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.
... code>
. Tag za računar kodova. Neizostavna u članovima programskih primjera - naredbe ne izvršavaju i prikazuju kao običan tekst.... CITAT> . Dizajniran za obradu citate - na primjer, ključne odlomke iz intervjua.
... blockquote>
. Č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.... ADRESA> . 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.
- ... OL>.
Svi elementi se nalaze između otvaranja i zatvaranja tagova. Svaka lista stavka počinje novu liniju i ima format
Similar articles
Trending Now