PočítačeProgramovanie

HTML tagy pre text: zarovnanie, veľkosť písma

Mohlo by sa zdať, čo viem, HTML tagy pre text, ak je to v takmer každom admin má praktický vizuálny editor, ktorý je automaticky stavia?

Skutočnosť, že formátovanie obsahu na webových stránkach, je úplne odlišná od práce v kancelárskych aplikáciách. Nie je dostatok len preto, aby bol text atraktívny vzhľad, pretože správnu registráciu závisí nielen zobraziť webovú stránku, ale aj jeho propagácie vo vyhľadávačoch.

HTML tagy a atribúty: základné syntaxe

Akýkoľvek text má skrytý kód, ktorý "vysvetľuje:" počítač, čo a ako chcete zobraziť na obrazovke. Všetky informácie sú zaznamenané so sadou univerzálnych prvkov.

V skutočnosti, HTML tagy pre textu - tento tím, ktorý pridať na definovaný blokov alebo zmeniť ich vzhľad. Správny formát záznamu je nasledujúci:

Upozorňujeme, že nie všetky značky sú spárované. Napríklad
(prihrávka čiara) alebo


(vodorovná čiara pridanie) nemusí byť uzavretý vôbec.

Preto sa nedá kopírovať články z Wordu a ďalších programov v editore lokality

Hoci moderné kancelárske programy používajú rovnaký HTML tagy pre text, 99% z natívneho kódu nie je vhodná pre webové stránky. Dokonca aj keď sa v dokumente programu sa normálne zobrazí, keď vložíte miesto môže stratiť formátovania. Okrem toho, vzhľadom k veľkému počtu ďalších značiek a vyhľadávačov nemôže adekvátne analyzovať obsah atribútov stránok. To zase sťažuje propagovať svoje stránky.

Na dosiahnutie čistého a príslušný kód, musíte najprv vyčistiť text z HTML tagy vytvorené v bežnom editore. Existuje niekoľko spôsobov, ako to dosiahnuť:

  1. "Zbavte sa" článku prostredníctvom "Poznámkový blok" a až potom vložiť miesto. Aplikácia odstráni všetky HTML, takže potom budú musieť znovu formátovať text (pomocou editora alebo ručné nástroje).
  2. Písať a publikovať články cez LiveWriter. Populárna blog editor okamžite generuje správny kód. A v samostatnej karte, môžete vidieť, ako bude text vyzerať na internetových stránkach.
  3. Používať HTML Cleaner. Táto on-line služba nezničí všetky kód ako celok, ale iba ďalšie fragmenty. S filtre, môžete si vybrať, ktoré značky na predajni. K dispozícii je tiež výkonný WYSIWYG editor do formátu, ktorý sa pridá k už optimalizovaných príkazov kódu.

Vždy skontrolujte HTML pred publikovaním nový príspevok. V ňom by malo byť žiadna iná ako tie, ktoré teraz považujeme tagy.

odseky

Tento prvok je prítomný takmer vo všetkých predmetoch. Každý bod by mal byť umiestnený v takom obale - to zjednodušuje formátovanie a umožňuje udržiavať konzistentné štýl na celom webe. Pre väčšie pohodlie

tag je vždy písaný s novým riadkom.

zarovnanie

Samostatný HTML tagov "Zarovnanie textu" sa už nepoužíva. Namiesto toho bol vytvorený univerzálny atribút ALIGN. Premiestniť do textového poľa na stránke, musíte vybrať jedno z 3 hodnôt - stred, doprava alebo doľava. Podobne môžete určiť zarovnanie ostatných prvkov - napríklad hlavičky.

V niektorých situáciách, pre vyrovnanie použiť iné značky HTML. na stred text, napríklad môžu byť usporiadané pomocou elementu

... . Pohodlné samostatná značka? Na rozdiel od atribútu, funguje s akýmkoľvek obsahom, vrátane fotografií, videa, flash, a tak ďalej. D.

Číslam a položkám

Titulky Tento systém umožňuje vytvoriť logickú štruktúru obsahu. Keď je text rozdelený do sémantických jednotiek, čitateľ je oveľa ľahšie sústrediť sa a učiť sa nové informácie. Vyhľadávače tiež analyzoval titulky zistiť, ktoré otázky propagovať stránky. To je dôvod, prečo SEO odborníci odporúčajú pre použitie vo svojich tematických kľúča.

V HTML používa šesť úrovní titulky - od

. V tomto systéme, existuje jasná hierarchia:

  • ... . Hlavný titul (názov článku, tovaru v internetovom obchode, a tak ďalej. D.). V texte môže existovať len jedna

    . Obvykle obsahuje hlavné kľúčové slová.

  • ... . Titulky druhá prestávka úroveň textu do zmysluplných celkov. Napríklad, ak ste boli ratingu notebooky, môžete vykonať niekoľko

    s názvami rôznych modelov.

  • ... . Tretí stupeň je nutný, ak je text medzi

    je tiež rozdelená do menších blokov. V našom príklade to môže byť hodnotiace kritériá - "Performance", "Memory", "Video", a tak ďalej pre každý model ...

  • ,

    ,
    . V praxi je veľmi zriedkavé. Ale všeobecný princíp je rovnaký - musí byť "embedded" v jednotke s najvyššou úrovňou titulkov.

Dajte si pozor na zachovanie správneho hierarchie. Po návrate do nášho príkladu, to znamená, že nemôže okamžite zadať názvy modelov ako

alebo <> H5. A ďalej použiť homogénne v zmysle titulky blokov rôznych úrovniach (napríklad upozorniť na notebook, na poslednom mieste v kvalifikácii, s použitím

).

Ale systém, ktorý bude okamžite chápať a pamätať si správnu štruktúru hlavičky vo formáte HTML.

zoznamy

Akýkoľvek prevod a lepšie pokyny vydané v podobe zoznamov, pomocou špeciálnej HTML tagy pre text (častý omyl - len pár odsekov

, ktorá začína s pomlčkou alebo číslice).

Štruktúra týchto blokov je veľmi jednoduché. Spočiatku sme sa definovať typ zoznamu - odrážok

    ... alebo očíslované
      ... .

      Všetky tieto prvky sú umiestnené medzi otváracou a uzatváracie tagy. Každá položka zoznamu začína nový riadok a má formát

    1. ... . Počet prvkov nie je obmedzený.

      Voľba písma: a jeho atribúty

      To, čo sa dá zmeniť pomocou HTML-tag? Veľkosť textu, jeho font a farbu - a bez pridania nových tried v CSS. To je veľmi užitočné, keď budete musieť vybrať len jednu vetu alebo fragment.

      má niekoľko atribútov:

      • Tvár. To vám umožní zmeniť font textu. Môžete uviesť viac možností, oddelené čiarkou (Tahoma, Verdana). Ak nie je užívateľské prvého písma, systém používa jednoduchú alternatívu.
      • Veľkosť. Ak chcete zväčšiť alebo zmenšiť text, zadajte v úvodzovkách hodnotu 1 až 7.
      • Farbu. V závislosti na návrhu, môžete si vybrať jednu zo štandardných farieb (červená, zelená, modrá), alebo zadať kód akúkoľvek farbu z čoho vyberať.

      Nepoužívajte odsekov, ktoré sú formátované pomocou značky , namiesto titulky. Je lepšie sa opýtať rovnaký dizajn parametre správnu značku.

      Metódy pre výber textu

      Monotónna textu únavné, a to aj v členení do odsekov. Kľúčovými bodmi sa odporúča vyčleniť graficky upútať pozornosť a miešajte záujem čitateľa. Tu je niekoľko tímov, ktoré sa vyrovnať sa s touto úlohou.

      ... . Nesmierne populárny HTML tagov. Tučné písmo upúta pozornosť, ale preto, že sa je vhodné rozlišovať dôležité diskutovaných tém a faktami.

      Mnoho ľudí si pletie značky a . Vizuálne nie je žiadny rozdiel, ale pracujú v rôznych spôsoboch. Prvý jednoducho zmení vzhľad textu, a druhá slúži ako "ukazovátko" a upozorňuje na najdôležitejšie častí (tematických kľúčových slov a fráz pre SEO).

      ... . Elegantný a prísny kurz je ideálny pre konštrukciu vedeckých pojmov, cudzích slov a rôzne citácií. V závažných publikáciách kurzíva tiež uvoľňovať názvy umeleckých diel.

      ... . Snáď toľko kontroverzie nespôsobili žiadnu HTML tag. Podčiarknutie Text sa používa zriedka, pretože táto metóda prideľovania historicky zakorenené hypertextových odkazov. Ak použijete tlačidlo v predmetoch, všimnite si, že je to vhodné len pre krátke kusy - nie viac ako 1 riadok.

      ... . Zaujímavý tag, ktorý vám umožní robiť niektoré preškrtnutý text. Veľmi dôležité v reklame - napríklad zdôrazniť kontrast medzi starými a novými cenami.

      ... . Najjednoduchší spôsob, ako zvýšiť veľkosť písma bez ďalších nastavení.

      ... . Funguje na rovnakom princípe ako predchádzajúca značky. Text umiestnená vnútri znížená vzhľadom k zemi.

      ... . Správny názov pre tento formát - horný index. Zjednodušene povedané, táto značka je určená pre matematické stupňoch a poznámky pod čiarou. To znižuje veľkosť písma a posunie vybratý text nahor.

      ... . Dolný index sa často vyskytuje v rôznych vzorkách. Izolovaný fragment je umiestnený pod hlavným textu.

      sémantickej kontajnery

      Ako niektoré bloky sa nachádzajú v mnohých textoch, začali vytvárať špeciálne tagy. To zjednodušuje formátovanie, pretože keby každý typ obsahu má svoju vlastnú sadu štýlov, vyčleniť dostatočný kus textu a uviesť, aké informácie obsahuje.

      ... . Tag pre počítačové kódy. Nepostrádateľné v článkoch Príklady programovania - príkazy nie sú vykonané a zobrazené ako obyčajný text.

      ... . Určený na spracovanie ponuky - napríklad kľúčové výňatky z rozhovoru.

      ... . To je časť textu v samostatnom bloku. Štandardne je voľba je odsadený na ľavej strane, ale v CSS môžete tiež zmeniť veľkosť, rez písma a farbu textu.

      ... . Voliteľné tag, ktorý obsahuje informáciu o autorovi, vrátane odkazu.

      Deliaca čiara

      S jednoduchými funkciami, môžete určiť logický koniec veľkej časti.


      nie pár značiek. To znamená, že uzatváracie nepotrebujú položku formáte.

      C za použitia šírka atribútu môže byť kratšia ako separátora nastavením vhodnú veľkosť v pixeloch alebo percentách šírky okna.

      Naučiť sa používať tagy pre formátovanie textu vo formáte HTML, nebudete robiť len vaše články čitateľnejší, ale tiež zvýšiť efektivitu SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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