Vytváranie dizajnových sekcií na vašej stránke
Nadpisy sú užitočným spôsobom, ako usporiadať text, vytvoriť užitočné rozdelenia a optimalizovať svoju webovú stránku pre vyhľadávače. Môžete jednoducho vytvárať položky pomocou značiek hlavičky HTML. Môžete tiež zmeniť vzhľad textu pomocou tučných a kurzívnych značiek.
nadpisy
Nadpisové značky sú najjednoduchší spôsob rozdelenia dokumentu. Ak si myslíte, že vaša stránka je ako noviny, potom názvy sú titulky novín. Hlavný nadpis je h1 a nasledujúce nadpisy sú h2 až h6.
Na vytvorenie kódu HTML použite nasledujúce kódy.
Toto je nadpis 1 Toto je záhlavie 2 Toto je záhlavie 3 Toto je záhlavie 4 5 Toto je nadpis 6 Tipy na zapamätanie
- Pokúste sa udržiavať svoje položky v logickom poradí, h1 prichádza pred h2, ktorý príde pred h3 a tak ďalej.
- Nebojte sa veľa o tom, ako vyzerajú hlavičky - mali by ste použiť CSS na štýl titulkov, a nie na nadpis.
- Značky nadpisu sú prvky na úrovni bloku , takže pre vás zaradia do zlomkov. Neumiestňujte značky P do značiek hlavičky.
Tučné a kurzíva
Toto je záhlavie 3 Toto je záhlavie 4 5 Toto je nadpis 6 Tipy na zapamätanie
- Pokúste sa udržiavať svoje položky v logickom poradí, h1 prichádza pred h2, ktorý príde pred h3 a tak ďalej.
- Nebojte sa veľa o tom, ako vyzerajú hlavičky - mali by ste použiť CSS na štýl titulkov, a nie na nadpis.
- Značky nadpisu sú prvky na úrovni bloku , takže pre vás zaradia do zlomkov. Neumiestňujte značky P do značiek hlavičky.
Tučné a kurzíva
5 Toto je nadpis 6 Tipy na zapamätanie
- Pokúste sa udržiavať svoje položky v logickom poradí, h1 prichádza pred h2, ktorý príde pred h3 a tak ďalej.
- Nebojte sa veľa o tom, ako vyzerajú hlavičky - mali by ste použiť CSS na štýl titulkov, a nie na nadpis.
- Značky nadpisu sú prvky na úrovni bloku , takže pre vás zaradia do zlomkov. Neumiestňujte značky P do značiek hlavičky.
Tučné a kurzíva
Tipy na zapamätanie
- Pokúste sa udržiavať svoje položky v logickom poradí, h1 prichádza pred h2, ktorý príde pred h3 a tak ďalej.
- Nebojte sa veľa o tom, ako vyzerajú hlavičky - mali by ste použiť CSS na štýl titulkov, a nie na nadpis.
- Značky nadpisu sú prvky na úrovni bloku , takže pre vás zaradia do zlomkov. Neumiestňujte značky P do značiek hlavičky.
Tučné a kurzíva
Existujú štyri značky, ktoré môžete použiť pre tučné a kurzíva:
- a pre tučné
- a pre kurzívu
Nezáleží na tom, čo používate. Zatiaľ čo niektorí preferujú a , ale veľa ľudí nájde za "tučné" a kurzíva jednoduchšie si zapamätať.
Jednoducho obklopujte text s otváracou a uzatváracou značkou tak, aby bol text tučný alebo kurzíva:
tučné kurzívaMôžete vložiť tieto značky (čo znamená, že môžete vytvoriť text aj tučné a kurzíva) a nezáleží na tom, ktorá je vonkajšia alebo vnútorná značka.
Napríklad:
Tento text je tučný
Tento text je tučnýTento text je kurzívou
Tento text je kurzívouTento text je tučný aj kurzívny
Tento text je tučný aj kurzívnyPrečo sú tu dve sady tučných a kurzívnych značiek
V značkách HTML4 boli značky a považované za značky štýlov, ktoré ovplyvňovali iba vzhľad textu a nehovorili o obsahu značky a považovali sa za zlú formu ich použitia. Potom s HTML5 dostali sémantický význam mimo vzhľad textu.
V HTML5 majú tieto značky špecifické významy:
- označuje text, ktorý nie je dôležitejší ako okolitý text, ale typická typografická prezentácia je tučný text, napríklad kľúčové slová v súbore dokumentu alebo názvy produktov v recenzii.
- označuje text, ktorý nie je dôležitejší ako okolitý text, ale typická typografická prezentácia je kurzíva, napríklad názov knihy, technický výraz alebo fráza v inom jazyku.
- označuje text, ktorý má silný význam v porovnaní s okolitým textom.
- označuje text, ktorý má dôrazný stres v porovnaní s okolitým textom.