RačunalaProgramiranje

HTML-oznake za tekstu: poravnanje, veličina, font

Čini se, što znaju HTML-oznake za tekst, ako je to u gotovo bilo koji admin je zgodan vizualni editor, koji ih automatski stavlja?

Činjenica da je formatiranje sadržaja na web stranici je sasvim drugačiji od rada u uredskim aplikacijama. Nema dovoljno samo dati u tekstu atraktivan izgled, zbog ispravnog upisa ovisi ne samo prikazati web-stranicu, ali i njegovu promociju u tražilicama.

HTML-oznake i atributi: Osnovna sintaksa

Svaki tekst ima skriveni kod koji „objašnjava” računalo što i kako želite prikazati na zaslonu. Sve informacije se snima s nizom univerzalnih elemenata.

U stvari, HTML-oznake za tekst - ovaj tim, što dodati na stranicu definirane blokove ili promijeniti svoj izgled. Ispravan format snimanja je kako slijedi:

Imajte na umu da nisu svi tagovi u paru. Na primjer,
(prolaz linija) ili


(horizontalna crta dodatak) ne treba biti zatvoren na sve.

Zašto se ne mogu kopirati članke iz Worda i drugih programa u editor stranice

Iako suvremeni uredski programi koriste iste HTML-oznake za tekst, 99% od nativnog koda nije pogodan za web stranice. Čak i ako u programskom dokumentu se prikazuje normalno, kada umetnete stranice mogu izgubiti oblikovanje. Osim toga, s obzirom na veliki broj dodatnih oznaka i tražilice ne mogu adekvatno analizirati sadržaj atributa stranica. To je, pak, otežava promovirati svoje stranice.

Da biste dobili čist i odgovarajući kod, najprije morate očistiti tekst iz HTML-oznake stvorene u uobičajenom urednika. Postoji nekoliko načina za to:

  1. „Dobili osloboditi od” članka kroz „Notepad”, a tek onda ubacite stranice. Zahtjev briše sve HTML, tako da onda imaju ponovno formatiranje teksta (pomoću urednik ili ručne alate).
  2. Pisati i objavljivati članke preko LiveWriter. Popularni blog urednik odmah generira ispravan kôd. A u zasebnoj kartici, možete vidjeti kako će tekst izgledati na web stranici.
  3. Koristite HTML Cleaner. Ovaj online servis ne uništi sve koda u cjelini, već samo dodatni fragmenti. Uz filtere, odlučite koje ćete oznake trgovine. Tu je također moćan WYSIWYG editor za format, koji dodaje da je već optimizirani kod naredbe.

Uvijek provjerite HTML prije nego što objavi novi post. U njemu ne bi trebalo biti, osim onih koje ćemo sada razmotriti oznake.

stavci

Ovaj element je prisutan u gotovo svim člancima. Svaki odjeljak treba staviti u takav spremnik - to pojednostavljuje oblikovanje i omogućuje vam da zadržite dosljedan stil u cijelom mjestu. Radi lakšeg snalaženja,

tag uvijek piše s novom linijom.

poravnanje

Odvojeni HTML oznaka „Poravnanje teksta” se više ne koristi. Umjesto toga, univerzalni atribut ALIGN je stvoren. Ako želite premjestiti okvir za tekst na stranici, morate odabrati jednu od tri vrijednosti - CENTAR, desno ili lijevo. Isto tako, možete odrediti poravnanje ostalih elemenata - kao što su zaglavlja.

U nekim situacijama, za usklađivanje koristite druge oznake HTML-a. centriran tekst, na primjer, može se ugovoriti uz pomoć elementa

... . Zgodan zasebna oznaka? Za razliku od atributa, to radi s bilo kojeg sadržaja, uključujući fotografije, video, flash, i tako dalje. D.

Naslovi i podnaslovi

titlovi Sustav vam omogućuje da stvorite logičku strukturu sadržaja. Kad je tekst podijeljen u semantičke jedinice, čitatelj je puno lakše koncentrirati i učiti nove informacije. Tražilice također analizirali naslove kako bi vidjeli koji upiti promovirati stranicu. To je razlog zašto SEO stručnjaci preporučuju za upotrebu u svojim tematskim ključeva.

U HTML-u koristi šest stupnjeva titlovi - od

do

. U tom sustavu, postoji jasna hijerarhija:

  • ... . Glavni naslov (naslov članka, roba u online trgovini, i tako dalje. D.). U tekstu postoji samo jedna

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

  • ... . Titlovi drugi nivo prijelom teksta u smislene jedinice. Na primjer, ako ste bili rating laptop, možete napraviti neke

    s imenima različitih modela.

  • ... . Treća razina je potrebno ako je tekst između

    također podijeljena u male blokove. U našem primjeru, to može biti kriterij za ocjenjivanje - „Izvedba”, „Memory”, „Video”, i tako dalje za svaki model ...

  • . U praksi, vrlo rijetko. No, opći princip je isti - oni moraju biti „ugrađen” u jedinici s najvišom razinom titlu.

Pazi za očuvanje ispravne hijerarhije. Vratimo se na primjer, to znači da se ne može odmah ući modelu imena poput

ili

. I nadalje koristiti homogena u smislu titlove blokova različitih razina (na primjer, istaknuti laptop, rangiran posljednja u ocjeni, pomoću
).

No, plan, koji će odmah razumjeti i zapamtiti ispravnu strukturu zaglavlja u HTML-u.

arena

Bilo koji prijenos i bolje upute izdane u obliku lista, koristeći posebnu HTML-oznake za tekst (česta pogreška - samo nekoliko paragrafa

, koji počinju sa crticom ili znamenka).

Struktura tih blokova je vrlo jednostavan. Kao prvo, definirati vrstu popisa - grafičkim oznakama

    ... ili numerirani
      ... .

      Svi elementi se nalaze između početne i završne oznake. Svaka stavka lista počinje s novom linijom i ima oblik

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

      Font odabir: i njezine atribute

      Ono što se može mijenjati pomoću HTML-oznake? Veličina teksta, njegova font i boju - i bez dodavanja novih klasa u CSS. To je vrlo zgodan kada je potrebno odabrati samo jednu rečenicu ili fragment.

      ima nekoliko atributa:

      • Lice. To vam omogućuje da promijenite font teksta. Možete nabrojati više mogućnosti, odvojene zarezima (Tahoma, Verdana). Ukoliko se korisnik prvi put fonta, sustav koristi jednostavan alternativu.
      • Veličina. Kako povećati ili smanjiti tekst, unesite citiranu vrijednost 1 do 7.
      • Boji. Ovisno o dizajnu, možete odabrati jednu od standardnih boja (crvena, zelena, plava) ili unesite kod bilo koje boje za izabrati iz.

      Nemojte koristiti stavke koje su oblikovane pomoću , umjesto titlova. Bolje je pitati isto projektnih parametara ispravnu oznaku.

      Metode za odabir teksta

      Jednoličan tekst naporan, čak i oborio u paragrafima. ključne točke preporuča se rasporediti grafički privući pažnju i promiješati interes čitatelja. Evo nekoliko momčadi koje će se nositi s ovim zadatkom.

      ... . Izuzetno popularan HTML oznaka. Podebljani tekst hvata oku, ali zato uz to je pogodan za razlikovanje važnih pričaju bodova i činjenice.

      Mnogi ljudi brkaju oznake i . Vizualno nema razlike, ali oni rade na različite načine. Prvi jednostavno mijenja izgled teksta, a drugi služi kao „pokazivača” i ističe najvažnije dijelove (tematske ključne riječi i fraze za SEO).

      ... . Elegantan i strog tečaj je idealan za dizajn znanstvenom smislu, stranih riječi i raznim citatima. U ozbiljnim publikacijama kurziv također objaviti imena umjetničkih djela.

      ... . Možda toliko polemika ne uzrokuje bilo koju HTML-oznake. Podcrtaj tekst rijetko koristi, jer ova metoda raspodjele povijesno ukorijenjene za linkove. Ako koristite u člancima, imajte na umu da je ovo prikladna samo za kratke komade - ne više od 1 linija.

      ... . Zanimljivo oznaka koji vam omogućuje da učinite neke od precrtano teksta. Vrlo bitno u oglašavanju - na primjer, istaknuti kontrast između stare i nove cijene.

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

      ... . Ona radi na istom principu kao i prethodne oznake. Tekst odlagati u, smanjena u odnosu na tlo.

      ... . Ispravan naziv za ovaj format - eksponent. U osnovi, ova oznaka je dizajniran za matematiku stupnjeva i napomenama. Smanjuje veličinu fonta i pomiče odabranog teksta gore.

      ... . Indeks se često nalaze u različitim formulama. Izolirani fragment se nalazi ispod glavnog teksta.

      semantičke kontejneri

      Kao što su neki blokovi nalaze u mnogim tekstovima, jer je počeo stvarati posebne oznake. To pojednostavljuje oblikovanje, jer ako svaka vrsta sadržaja ima svoj vlastiti skup stilova, odvojiti dovoljno komad teksta i ukazivati na to što informacije u njoj.

      ... . Oznaka za računalne kodove. Neophodna u člancima Programiranje primjere - naredbe ne izvršavaju i prikazati kao običan tekst.

      ... . Dizajniran za obradu citati - na primjer, ključne izvatke iz intervjua.

      ... . To čini dio teksta u zasebnom bloku. Prema zadanim postavkama, izbor je razvedena na lijevoj strani, ali u CSS također možete promijeniti veličinu, oblik fonta stil i boju teksta.

      ... . Dodatna oznaka koja sadrži podatke o autoru, uključujući vezu.

      Linija razdvajanja

      S jednostavnim značajkama, možete odrediti logičku kraj velikog dijela.


      nije par oznake. To znači da je zatvaranje ne trebaju stavku format.

      C, koristeći širina atribut može biti kraći od separatora postavljanjem odgovarajuće veličine u pikselima ili postotak od širine prozora.

      Da biste saznali kako koristiti oznake za oblikovanje teksta u HTML-u, ne samo da će vaše članke lakše čitati, ali i poboljšati učinkovitost SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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