Počítače, Programovanie
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ť:
- "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).
- 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.
- 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
Čí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
až . V tomto systéme, existuje jasná hierarchia:
-
... H1>
. 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á.
-
... H2>
. 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.
-
... H3>
. 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.
-
... H1>
. 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á.
-
... H2>
. Titulky druhá prestávka úroveň textu do zmysluplných celkov. Napríklad, ak ste boli ratingu notebooky, môžete vykonať niekoľkos názvami rôznych modelov.
-
... H3>
. Tretí stupeň je nutný, ak je text medzije 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
- ... UL> alebo očíslované
- ... li>. 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.
... B> . 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).
... i> . 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.... U> . 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.
... S>. 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.... BIG> . Najjednoduchší spôsob, ako zvýšiť veľkosť písma bez ďalších nastavení.
... SMALL> . Funguje na rovnakom princípe ako predchádzajúca značky. Text umiestnená vnútri znížená vzhľadom k zemi.
... sup> . 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.
... sub> . 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.
... code>
. 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.... CITE> . Určený na spracovanie ponuky - napríklad kľúčové výňatky z rozhovoru.
... blockquote>
. 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.... adresa> . 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.
- ... OL>.
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
Similar articles
Trending Now