V živote každého copywritera prichádza fáza zoznamovania sa s html tagmi. Zvyčajne sa to deje spontánne a vyzerá to ako požiadavka od zákazníka „pripraviť text na zverejnenie“. To znamená, že v článku musíte zvýrazniť nadpisy, odseky, významné miesta a zoznamy, ale nie pomocou funkcií Wordu, ale pomocou špeciálneho html kódu jazyka. Pomôžte s tým značky pre copywritera. Zoznam potrebný na prácu je zvyčajne malý, ale na formátovanie textu so štandardnými požiadavkami stačí. Čo je súčasťou potrebných html značiek pre copywritera? (Ak ste príliš leniví na čítanie, prejdite nadol - existuje jednoduchá a zrozumiteľná tematická infografika o značkách html!)
Otázky, ktoré copywriter kladie, sú tradičné. A všetky začínajú formuláciou "aký štítok je daný...":
- titul;
- odstavec;
- miniatúra;
- kurzíva;
- zoznam označený/neoznačený/
To všetko dodáva TK pikantnosť a stimuluje rozvoj nových poznatkov. Situácia sa zhoršuje, keď je úlohou použiť tučný textový štítok na zvýšenie atraktivity kľúča v PS. Ale to všetko je vyriešené veľmi jednoducho, čím sa teraz budeme zaoberať.
Tagy na vytváranie hlavičiek
Značky nadpisov sú reprezentované prvkami h1-h6. Svoj list dostali z anglického Header (hlavička). Ak chcete nastaviť požadovaný typ hlavičky a zdôrazniť jej význam pre PS, použite nasledujúci kód:
Nadpis h1
nadpis h2
nadpis h3
nadpis h4
nadpis h5
nadpis h6
Na stránke to bude vyzerať takto.
Nadpis h1
nadpis h2
nadpis h3
nadpis h4
nadpis h5
nadpis h6
Nadpis h1 má najväčší význam – a viditeľnosť –. Používa sa ako názov príspevku a je použitý raz. Pre podnadpisy v texte sa odporúča h2 a h3. Pomáhajú zdôrazniť dôležitosť uvažovaného materiálu a rozdeliť článok do informačných úrovní.
Nadpisy h4-h6 sa prakticky nepoužívajú, ale sú potrebné na zvýraznenie logických blokov a dôležitých fragmentov.
Pre veľké články je najlepšie použiť nadpisy h1-h3, pre malé články h1 a h2.
Zoznamy: označené a neoznačené
Štruktúrovaný dobrý text má vždy jeden alebo viac zoznamov. Podľa vzhľadu sú zoznamy:
- označené - majú číslovanie;
- neoznačené - prvky sú označené symbolmi.
Celý dizajn programu Word však nie je vhodný na publikovanie na stránke, takže by ste sa mali naučiť, ako správne formátovať zoznamy v značkách HTML.
Zoznam značiek s odrážkami vyzerá takto:
Neoznačený zoznam značiek Takže:
Okrem toho má každý prvok zoznamu svoj vlastný html rámec:
Ukazuje sa, že na zvýraznenie zoznamu s odrážkami v texte pomocou html kódu budete musieť skombinovať oba typy použitých prvkov. Bude to vyzerať takto:
- Položka zoznamu
- Položka zoznamu
- Položka zoznamu
- Položka zoznamu
Pre neoznačený zoznam podobne:
- Položka zoznamu
- Položka zoznamu
- Položka zoznamu
- Položka zoznamu
Zoznamy sú usporiadané. Môžete ísť ďalej.
textové značky s diakritikou: tučné a kurzíva
Keď pochopíte, ktorá značka vám umožňuje správne formátovať text, takmer okamžite narazíte na dve možnosti kódu pre každý prípad. To spôsobuje zmätok medzi neprogramátormi a otázku: akú značku potrebuje zákazník.
Všetko je veľmi jednoduché! Značky ponúkajú možnosti fyzického a logického formátovania. Prvé sú potrebné pre používateľov, druhé pre vyhľadávače. "Vyhľadávače", keď vidia html kód vhodný pre seba, berú do úvahy vybranú oblasť a používajú prijaté informácie pri hodnotení, takže zvýraznenie textu pomocou logického formátovania nebude chybou.
Použitie html tagov umožňuje potešiť vyhľadávače a vizuálne zvýrazniť text pre užívateľa. Rozhodnite sa, čo je dôležitejšie:
Zvýraznenie frázy tučným písmom pre PS a používateľov Vytvorenie výrazu tučným písmom pre používateľov Fráza v kurzíve pre PS a používateľov Pre používateľov uveďte frázu kurzívou
Mám veľký a veľmi kontroverzný článok na tému tučných značiek, ktorý sa volá .
Ak sa jeden z programátorov náhle pozrie na tému, ponáhľam sa ešte raz poznamenať, že recenzia je určená pre copywriterov: ako umiestniť značky, čo sú a čo je dôležité zvážiť pri výbere. A nakoniec je potrebný ešte jeden populárny html kód na zvýraznenie odsekov. Toto
Úvodná značka je umiestnená pred začiatkom odseku, uzatváracia značka je umiestnená na konci. Ak sa odsek končí zoznamom, potom
sa umiestni za všetky značky použité v zozname.
Pár jednoduchých tematických infografík na záver:
Keď sa v komentároch rozbehla diskusia na tému, v Klube úspešných copywriterov sa infografika a článok dočkali zaujímavých spätných väzieb. Tu je screenshot s názorom autoritatívneho účastníka diskusie.
Prečítané: 6 687
je telo stola. Telo sa skladá z riadkov a stĺpcov. Tabuľka sa vypĺňa riadok po riadku.Každá značka
ako vytvoriť tabuľku v html
Tu je príklad html kódu:
Príklad tabuľky 1. stĺpec 2. stĺpec
Venujte pozornosť bunke
Teraz sa pozrime na všetky atribúty značiek podrobne.
alebo čiary | |||||||||||
... | ... |
...
2. Vlastnosť background="URL" - nastaví obrázok na pozadí. Namiesto adresy URL by mala byť napísaná adresa obrázka na pozadí. Príklad
Transformuje sa na stránke na nasledovné: Vo vyššie uvedenom príklade sa náš obrázok na pozadí nachádza v priečinku img (ktorý je v rovnakom adresári ako stránka html) a obrázok sa nazýva fon.gif . Všimnite si, že do značky sme pridali style="color:white;" . Keďže pozadie je takmer čierne, aby text nesplýval s pozadím, urobili sme text bielym. 3. Vlastnosť bgcolor="color" - nastavuje farbu pozadia tabuľky. Ako farbu si môžete vybrať ktorúkoľvek z celej palety (pozri kódy a názvy html farieb) 4. Vlastnosť border="číslo" - nastavuje hrúbku rámu tabuľky. V predchádzajúcich príkladoch sme zadali border="1" , čo znamená, že okraj je hrubý 1 pixel. 5. Vlastnosť bordercolor="color" - nastaví farbu okraja. Ak border="0" , nebude tam žiadny okraj a farba okraja nebude dávať zmysel. 6. Vlastnosť cellpadding="číslo" - výplň z rámca do obsahu bunky v pixeloch. 7. Vlastnosť cellspacing="číslo" - vzdialenosť medzi bunkami v pixeloch. 8. Vlastnosť cols="číslo" - počet stĺpcov. Ak ho nenastavíte, počet stĺpcov určí prehliadač. Jediný rozdiel je v tom, že zadanie tohto parametra s najväčšou pravdepodobnosťou urýchli načítanie tabuľky. 9. Vlastnosť frame="parameter" - ako zobraziť okraje okolo tabuľky. Môže nadobúdať nasledujúce hodnoty:
10. Vlastnosť height="číslo" - nastavuje výšku tabuľky: buď v pixeloch alebo v percentách. 11. Vlastnosť rules="parameter" - kde zobraziť hranice medzi bunkami. Môže nadobúdať nasledujúce hodnoty:
|
Osobný účet poistenca
Automatický identifikačný systém Spoločné používanie AIS s elektronickým mapovým systémom
Wargame: Red Dragon sa nespúšťa?
Smutný escobar „Tvár súdneho systému Ukrajiny“
ROME Total War – ako odomknúť všetky frakcie?