V tomto článku si povieme, ako vybrať text. kurzívou HTML. Rovnako ako pre tučný text, kurzívu je možné vytvoriť tromi spôsobmi:
- Označiť i HTML;
- Označiť em HTML;
- Vlastnosť CSS štýl písma.
Zoberme si všetky tri možnosti, ako je možné vytvárať kurzívu v HTML, prediskutovať jemnosti tohto problému a aké metódy je v určitých situáciách pohodlnejšie a správnejšie použiť.
Kurzíva text: tag
Označiť i(kurzíva), podobne ako tag b pri tučnom texte sa používa na fyzické zvýraznenie textu kurzívou (to znamená, že sa zmení iba štýl textu). Aplikácia značky i:
Tvorca webových stránok „Nubex“
Medzi tagy je teda umiestnená požadovaná časť textu .
Kurzíva text: tag
Hoci tag i zostáva v platnosti, z hľadiska optimalizácie stránok je lepšie použiť značku em na zvýraznenie logicky dôležitých častí textu. To znamená, že prehľadávače vyhľadávacích nástrojov zohľadňujú dôležitosť textu umiestneného medzi značkami. :
Tvorca webových stránok "Nubex"
Výsledok:
Tvorca webových stránok "Nubex"
Nezabudnite však, že text je zahrnutý v značkách i a em, aj keď sú zobrazené takmer rovnako (vo všetkých moderných prehliadačoch), vo svojej podstate nie sú celkom identické, ako už bolo uvedené vyššie. Preto musíte podľa potreby používať tagy: tag em HTML na zarámovanie dôležitých častí textu a použitie vizuálnej kurzívy pomocou značky i alebo štýly CSS. Teraz sa pozrime na používanie štýlov CSS na zvýraznenie textu kurzívou.
Kurzíva text vytvorený pomocou CSS
Ak chcete nastaviť štýly na zobrazenie písem v CSS, použite túto vlastnosť štýl písma, ktorý môže nadobúdať nasledujúce hodnoty: šikmé(kurzívou napísaný text), kurzívou(kurzívou) a normálne(bežné písmo).
Stojí za to si to zapamätať kurzívou písmo a naklonený, vo svojej podstate nie sú rovnaké. Kurzíva je špeciálne písmo, ktoré je analogické ručne písanému textu a naklonený tvorené naklonením normálneho písma doprava.
Priradiť aplikáciu štýl písma v praxi:
Naše stránky sú skutočne obrovský krok vo vývoji webu.
Robíme to naozaj kvalita stránky.
Malo by sa však pamätať na to, že niektoré prehliadače obsahujú text s touto vlastnosťou štýl písma: šikmé; možno interpretovať ako kurzívu a nie kurzívu.
Aby naša WEB stránka vyzerala reprezentatívnejšie, rozdelíme text na odseky a vyberieme nadpis. HTML má 6 úrovní nadpisových sekcií dokumentu, číslovaných od 1 do 6. Nadpisy sú deklarované dvojicou značiek s príslušnou úrovňou, napríklad
- nadpis sekcie prvej úrovne a - nadpis šiestej úrovne oddielu. Tituly sa od bežného textu líšia veľkosťou a šírkou písmen. Nadpis h1 prvej úrovne je zvyčajne vykreslený veľmi veľká tlač, zatiaľ čo nadpis šiestej úrovne h6 je veľmi malý.Tituly
Nezamieňajte hlavičky sekcií dokumentu s predtým diskutovanými hlavičkami dokumentov definovanými
.Ako názov textu používame prvú vetu - Na to stačí obmedziť ju značkami
a
.Vložte značky do textu súboru other.html
a
aby obmedzili prvú vetu textu a tento kus kódu mal nasledujúcu formu:Vitajte na stránke spoločnosti SD!
Pozrime sa na získaný výsledok.
Uložte súbor zvolením príkazu ponuky Poznámkový blok Súbor - Uložiť.
Operáciu uloženia je potrebné vykonať vždy pred zobrazením dokumentu, pretože súbor sa otvorí na zobrazenie a z disku sa načíta do pamäte RAM počítača. Ak po úprave kódu HTML súbor neuložíte, v prehliadači sa nezobrazia žiadne konfigurácie.
Obnovte okno prehliadača kliknutím na jeho tlačidlo na paneli úloh.
Stlačte tlačidlo F5 alebo tlačidlo Obnoviť na paneli s nástrojmi pracovného okna programu. Súbor other.html sa znova načíta a v okne prehliadača uvidíte, ako vyzerá hlavička prvej úrovne.
Pozrite sa, ako budú vyzerať názvy ďalších 5 úrovní, pričom zmeníte čísla v tagoch: h2, h3 atď. Po každej konfigurácii nezabudnite uložiť súbor a aktualizovať obrázok v okne prehliadača.
Po dokončení experimentov znova obnovte značky v súbore other.html.
.Použitím 6 úrovní nadpisov, ktoré vám HTML ponúka, môžete vytvoriť ľahko čitateľný dokument s intuitívnou štruktúrou. Pamätajte si, že váš dokument sa bude vždy čítať oveľa lepšie, ak bude mať presné rozdelenie na sekcie a podsekcie.
Zarovnanie nadpisov
Štandardne je názov zarovnaný naľavo od stránky. Ale môže byť tiež zarovnaný vpravo alebo vycentrovaný. Na zarovnanie na pravej strane v značke
používa sa atribút align = "right" a pre centrovanie - align = "center". Povolený je aj zrejmý náznak zarovnania na ľavej strane - zarovnanie = „vľavo“.
Pridať do tagu
atribút align = "center" na vycentrovanie názvu. Tento prvok by mal mať nasledujúcu formu:
Vitajte na stránke spoločnosti SD!
V budúcnosti vám nebudeme pripomínať potrebu uložiť súbor s počiatočným kódom a aktualizovať obrázok v prehliadači pred zobrazením.
Ako urobiť text tučným v HTML
Teraz prejdeme k zvyšku textu. Zväčšime jeho veľkosť a urobme text tučnou kurzívou. Párované značky sa používajú na nastavenie odvážneho štýlu .
Vložte do súboru other.html otvor a zatváranie tagy tak, aby obmedzovali text Tu sa naučíte ... Tento prvok by mal mať nasledujúcu podobu:
Ako urobiť kurzívu textu v HTML
Kurzíva sa nastavuje pomocou značiek .
Vložte značku HTML do počiatočného kódu a aby upravovaný prvok mal nasledujúcu formu:
Tu sa dozviete o našich aktivitách, o softvérových produktoch našej spoločnosti a o zariadení, ktoré vyrábame.
Prvky značky môžu byť vnorené, ako v tejto štruktúre, kde je prvok … vnorené do živlu …... Moderné prehliadače dokážu správne zaobchádzať s vnorenými značkami. Preto sa musíte uistiť, že nie je narušený poriadok hniezdenia. Ak je vnorenie prerušené, bude výkon prehliadača náročný. Napríklad taký záznam bude nesprávny: …... Vnorenie je veľmi dôležitou súčasťou celkovej kultúry kódovania HTML.
Ako urobiť podčiarknutý text v HTML
S dvojicou štítkov môžete nastaviť podčiarknutý štýl textovej položky obmedzený týmito tagmi a pomocou dvojice značiek - zobraziť text písmom diaľnopisu.
Je potrebné poznamenať, že nedávno tag je zjednodušený a podčiarknuté sú štýly. ekvivalent ... Áno nový analóg vyzerá to objemnejšie, ale bohužiaľ je to viac pravdivé. Hlavnou vecou v tomto prospech je, že objemná verzia je cross-browser, inými slovami, je vhodná pre všetky prehliadače, keď oba Nie všetky prehliadače to podporujú.
Ako pestovať text v HTML
Teraz zvýšime veľkosť písma textu. To sa dá urobiť rôznymi spôsobmi.
Tagy: zväčšte veľkosť písma textu uzavretého medzi nimi.
Pridajte značky na začiatok a na koniec vyššie uvedeného kusu kódu a aby mal prvok nasledujúcu formu:
Tu sa dozviete o našich aktivitách, o softvérových produktoch našej spoločnosti a o zariadení, ktoré vyrábame.
Použitie značiek budete môcť zmenšiť veľkosť písma textu tak, aby zodpovedala pôvodnému.
Ďalšou metódou zadávania veľkosti písma sú značky s atribútom size. Hodnoty pre tento atribút sú celé čísla od 1 do 7. V tomto prípade hodnota 1 zodpovedá najmenšej veľkosti písma a hodnota 7 - najväčšia.
Použitie namiesto značiek zobraziť značky , pozrite sa, ako sa veľkosť písma textu mení s rôznymi hodnotami atribútu size - od 1 do 7.
Ako hodnotu atribútu size môžete použiť aj čísla od 1 do 7 so znamienkom + (plus) alebo - (mínus). V tomto prípade sa veľkosť písma zodpovedajúcim spôsobom zvýši alebo zmenší v porovnaní s počiatočnými, napríklad značkami zvýši veľkosť písma v porovnaní s aktuálnym o jednu úroveň. Skontrolovať to.
Nastavte hodnotu atribútu size na 5 pre príslušný kus textu: ... HTML kód pre tento kus by mal byť takýto:
Tu sa dozviete o našich aktivitách, o softvérových produktoch našej spoločnosti a o zariadení, ktoré vyrábame..
V tagoch atribút color je možné použiť aj na označenie farby písma, oddeleného textovými značkami. Hodnoty pre tento atribút sú rovnaké ako pre predtým diskutované atribúty popisujúce farbu pozadia a textu dokumentu.
Štandardne je odsek s textom Tu sa dozviete ... zarovnaný doľava. Vycentrujte ho horizontálne pomocou značiek
Vložiť značky
Všimnite si toho, že sme použili značky na vycentrovanie odseku.
Pozor! Na značky 2010 ,
=
=
Existuje tiež veľké množstvo ďalších zastaraných značiek, ktoré nemožno v tomto článku opísať, a preto je lepšie sa okamžite zoznámiť so špecializovanými webovými stránkami na túto tému. Ale hlavné som tu položil o niečo vyššie
Alokačné kódy
Jazyk HTML umožňuje dva prístupy k výberu písma textových fragmentov. Na jednej strane môžete priamo naznačiť, že písmo na určitej oblasti textu môže byť tučné alebo kurzíva, inými slovami je zrejmé, že je možné označiť typ písma textu, ako sme to urobili v tomto experimente. Na druhej strane je možné označiť ľubovoľný kus textu ako dobrý z obvyklého logického štýlu, pričom prehliadač nechá tento štýl interpretovať. Logický štýl teda ukazuje úlohu textového kusu, ktorý má napríklad veľký význam v porovnaní s bežným textom, alebo skutočnosť, že tento kus je citátom. Vo svojej vlastnej práci môžete použiť nasledujúce značky, ktoré definujú logické štýly. Pozrite sa, ako fungujú rôzne prehliadače.
- slúži na definovanie slova. Text sa štandardne zobrazuje kurzívou.
- za zdôraznenie slov a posilnenie. Text sa štandardne zobrazuje kurzívou.
- na zvýraznenie názvov kníh, filmov, predstavení atď. sa predvolene zobrazuje kurzívou.
- pre fragmenty programového kódu. Zobrazené na displeji písmom s pevnou šírkou.
- používa sa na text, ktorý užívateľ zadáva z klávesnice. Môžu byť zobrazené v rôznych písmach v rôznych prehliadačoch. Zastaraná značka.
- slúži na zobrazenie programových správ. Zobrazuje sa písmom s pevnou šírkou. Zastaraná značka.
- pre obzvlášť dôležité fragmenty. Obvykle tučným písmom.
- používa sa na označenie, že časť textu alebo slova je symbolická premenná, inými slovami, text, ktorý je možné nahradiť rôznymi výrazmi. Štandardne sa zobrazuje kurzívou. Zastaraná značka.
Špecifikácia HTML 4.0 ponúka progresívnejšiu metódu zadávania štýlov pre text a ďalšie časti pomocou špeciálneho jazyka s názvom CSS (Cascading Style Sheets). Stylesheets sú obrovským úspechom v oblasti WEB dizajnu, ktorý rozširuje schopnosť zlepšiť vzhľad stránok. Šablóny štýlov uľahčujú definovanie riadkovania, výplne, farieb textu a pozadia, veľkosti a štýlu písma a podobne. Väčšinu častí HTML je možné štylizovať pomocou atribútu style, ktorý je umiestnený v úvodnej značke prvku. Páry vo formáte „vlastnosť: hodnota“ sa používajú ako hodnota atribútu style. Napríklad v časti kódu popisujúcej hlavičku sekcie
atribút style = "color: blue" určuje, že vlastnosť color je modrá, inými slovami, text nadpisu prvej úrovne by mal byť zobrazený modrou farbou.
Zarovnajte štýly
Pozrime sa, ako použiť kaskádový jazyk hárkov štýlov na určenie štýlu textovej časti, ktorá začína slovami Tu sa dozviete ...
Na zadanie hrúbky písma použite vlastnosť font-weight s hodnotami svetlejšie (úzke), tučné (tučné), odvážnejšie (tučné), napríklad style = "font-weight: bold".
Ak chcete definovať štýl kurzívy, použite vlastnosť štýlu písma nastavenú na kurzívu. Preto, aby bol text tučne kurzívou, by ste mali nájsť atribút štýlu takto: style = "font-weight: bold; font-style: italic". Dávajte pozor: charakteristiky môžu byť umiestnené v ľubovoľnom poradí a musia nevyhnutne zdieľať bodkočiarku.
Ak potrebujete zadať veľkosť písma, mali by ste použiť vlastnosť font-size, ktorej hodnoty je možné zadať v relatívnych alebo absolútnych hodnotách. Relatívne hodnoty sú percentá a ako absolútne hodnoty sa používajú body (pt), pixely (px), centimetre (cm), milimetre (mm). Napríklad:
style = "font-size: 200%"
style = "font-size: 16pt"
style = "font-size: 100px"
Zadaním absolútnych, nie relatívnych veľkostí pripravíte používateľov, ktorí si prezerajú vaše stránky, o možnosť zväčšiť alebo zmenšiť veľkosť písma pomocou príkazu ponuky prehliadača v súlade s ich videním a rozlíšením monitora. Písma sa budú zobrazovať iba vo vami zadanej veľkosti. Preto je lepšie uvádzať veľkosť písma v percentách. V takom prípade bude veľkosť písma menšia alebo väčšia o uvedený počet percent, ako keď bola navrhnutá s Pomocník HTML tag v predvolenom nastavení.
Na určenie spôsobu vodorovného zarovnania textu použite vlastnosť zarovnania textu s hodnotami vľavo (vľavo), vpravo (vpravo), v strede (v strede), zarovnať (na šírku). Ak teda chcete naznačiť, že text Tu sa dozviete ... by mal byť formátovaný tučnou kurzívou s veľkosťou 150% pôvodného textu a zarovnaný v strede, mali by ste nájsť jeho štýl takto:
style = "font-weight: bold; font-style: italic; font-size: 150%; text-align: center"
Tento atribút použijeme v tagoch<р>ktoré vám umožňujú prezentovať text ako samostatný odsek.
Upraviť HTML element, vrátane textu Tu to zistíte ... odstránením značiek
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Tu sa dozviete o našich aktivitách, o softvérových produktoch našej spoločnosti a o zariadení, ktoré vyrábame.
Viete, HTML vám umožňuje používať rôzne techniky navrhovania štýlov. Je však žiaduce použiť kaskádový jazyk štýlov CSS.
Ďalšie možnosti zarovnania a štýlu
V prípade jazyka šablón štýlov sme videli iba jeden prípad použitia, kde je definícia štýlu umiestnená konkrétne v značke prvku, ktorý popisujete.
Vykonáva sa to pomocou atribútu style, ktorý sa používa vo väčšine štandardných značiek HTML. Existujú však aj iné použitia pre CSS.
V štandardnom HTML, bez vkladania štýlov, na priradenie určitých parametrov k akémukoľvek prvku, ako je farba, veľkosť, pozícia na stránke a podobne, musíte tieto vlastnosti načrtnúť pre každý prvok zakaždým, aj keď má 10 ki také časti, ktoré sa navzájom nelíšia. Na stránku musíte 10 -krát vložiť rovnakú časť kódu HTML, čím sa zvýši veľkosť súboru a čas potrebný na jeho stiahnutie zo siete.
Šablóny štýlov fungujú iným, pohodlnejším a ekonomickejším spôsobom. Ak chcete k prvku priradiť určité vlastnosti, musíte tento prvok raz načrtnúť a tento popis nájsť ako štýl. V nasledujúcom texte jednoducho uveďte, že prvok, ktorý chcete vhodným spôsobom navrhnúť, musí zodpovedať vlastnostiam štýlu, ktorý popisuje ty. Pohodlné, však?
Navyše môžete uložiť popis štýlu nie do textu vašej WEB stránky, ale do samostatný súbor- to vám umožní použiť popis štýlu na ľubovoľnom počte WEB stránok. A ďalšou súvisiacou výhodou je možnosť zmeniť dizajn ľubovoľného počtu strán opravou iba popisu štýlu v jednom samostatnom súbore.
Jazyk šablóny štýlov vám navyše umožňuje ešte viac pracovať s písmovým dizajnom stránok najvyššia úroveň než štandardný HTML.
V súčasnej dobe má jazyk CSS pomerne veľký počet parametrov pre časti HTML, ktoré môže ovládať. Použitím „bezpečných“, inými slovami, kompatibilných s najväčším počtom prehliadačov CSS prvkov - charakteristík písma, farieb častí a pozadia, charakteristík textu a okrajov - si môžete výrazne uľahčiť prácu a zatraktívniť svoje WEB stránky z hľadiska textový dizajn.
Kurzíva je jedným z najobľúbenejších spôsobov, ako zvýrazniť text a dať mu určitý význam. Je ideálny pre citáty, poznámky pod čiarou, názvy a vlastné mená. Na zobrazenie textu kurzívou existujú v HTML dve špeciálne značky. V CSS je kurzíva ovládaná vlastnosťou štýlu písma.
Kurzíva alebo kurzíva?
Zobrazenie rovnakého písma kurzívou sa môže líšiť.
Na obrázku sú tri bloky textu rovnakého písma Playfair Display. Prvý z nich má pravidelnú tvár, zatiaľ čo druhý a tretí sú kurzívou. Sú otvorené v rovnakom prehliadači Google chrome ale vyzerajú úplne inak.
Dôvodom je, že niektoré písma majú svoje vlastné kurzívne znakové sady. Ak prehliadač nemá prístup k tejto skupine, ale narazí na text, ktorý by mal byť vykreslený kurzívou, pokúsi sa ho nakloniť sám.
V druhom bloku - len taká verzia spracovaná prehliadačom, a v treťom - pôvodná kurzívna verzia písma Playfair Display, ktorá má jedinečný štýl, viac ako ručne písaný. Prehliadač jednoducho nakloní každý znak v texte o určitý uhol, pričom simuluje kurzívu.
Pri zisťovaní spôsobu vytvárania kurzívy v CSS alebo HTML je dôležité mať na pamäti, že v prípade konkrétnych písem musíte prehliadaču poskytnúť prístup k ich množinám kurzívy. V niektorých prípadoch môže byť výsledok algoritmov náklonu prehliadača neuspokojivý.
Kurzíva HTML
Na zobrazenie textu kurzívou v HTML existujú dve špeciálne značky: i (pre kurzívu) a em. Štýl fragmentu textu uzavretého v ktoromkoľvek z týchto deskriptorov bude rovnaký.
Rozdiel spočíva v logickom výbere. Značka em označuje zvláštny význam fragmentu. To je dôležité pre vyhľadávacie roboty a čítačky obrazovky, ktoré zvýraznia zadaný text pomocou intonácie.
Vlastnosť štýlu písma
V CSS je kurzíva ovládaná príkazom v štýle písma. Môže mať jednu z troch základných hodnôt:
- normálne - bežné písmo;
- kurzíva - kurzíva;
- šikmý - šikmý štýl.
V súčasnosti väčšina moderných prehliadačov zaobchádza so šikmými a kurzívami rovnako, ale prvý z nich mal byť pôvodne výsledkom algoritmov špecifických pre prehliadač, ktoré nakláňajú každý znak doprava.
Ak prehliadač nenájde písmo, ktoré hľadáte, kurzíva bude vyzerať úplne rovnako ako šikmé.
Na rozdiel od tagu em neznamená, že je výber obzvlášť dôležitý, ale skôr zodpovedá deskriptoru i.
Príklady
Citáty sú často kurzívou. Skúsme dať krásny vzhľad.
Citácia (štýl písma: kurzíva; ľavý okraj: 5 pixelov plná fialová; polstrovanie vľavo: 20 pixelov;)
Okrem ozdobného okraja vpravo a polstrovania je pre blok úvodzoviek s hodnotou kurzívy definované aj pravidlo štýlu písma.
V CSS nastavuje kurzívu.
Html nám poskytuje niekoľko možností z hľadiska formátovania textu. Dnes vám poviem, ako postupovať v html kurzívou, a to ako v štandardnom písme, tak aj v neštandardnom. V druhom prípade budete musieť niečo zvážiť, aby všetko fungovalo.
Ako napísať kurzívu v html?
Na začiatku sú v samotnom html dve značky, ktoré dodávajú textu kurzívu. Toto sme ja a ja. Mimochodom, ten druhý je zabudovaný do html editora wordpress enginu, v ktorom teraz píšem tento článok. Ako sa tieto značky líšia? Popravde, dnes by som nechcel nahlas prehlasovať, že sú akosi odlišní.
Vo všeobecnosti sa em používa na zvýraznenie slov, ktoré je potrebné vysloviť špeciálnou intonáciou, zatiaľ čo i iba vizuálne zvýrazňuje text. S týmto sa ale netrápme, pretože nie je známe, či je to skutočne tak.
Aké sú vlastnosti css pre kurzívu?
Toto je vlastnosť štýlu písma a jeho kurzíva. Existuje aj šikmá hodnota a text sa zmení na kurzívu. Existuje nejaký rozdiel medzi týmito hodnotami? Prakticky žiadny. Mimochodom, podrobne o tomto a ďalších css vlastnosti pre text si prečítajte príslušný článok, kde je všetko rozložené na policiach.
Ako zobrazím vlastné písmo kurzívou?
Faktom je, že ak pripojíte neštandardné písmo prostredníctvom služby Google Fonts, v tomto prípade musíte začiarknuť políčko pri pripájaní najmenej 1 štýlu kurzívy. Ak to neurobíte, potom keď sa pokúsite urobiť také písmo kurzívou, kurzíva sa zobrazí v jednom zo štandardných písiem. Mimochodom, o pripojení neštandardných písem si môžete prečítať v tomto článku.
Na tejto snímke obrazovky môžete vidieť fragment pripojenia písma prostredníctvom Služba Google Fonty.
Ako vidíte, vedľa najmenej jedného štýlu kurzívy je začiarknutie. Teraz pri použití potrebných značiek alebo vlastnosti štýlu platí, že toto písmo sa stane kurzívou, a nie iným.
Preto sme zoradili všetky body, ktoré sú v práci s kurzívou. Netrúfnem si ťa už viac zadržiavať.
Dobrý deň, milí čitatelia blogu! Tento článok sa zameria na značky na formátovanie textu... Tučný alebo kurzívový text je ukážkovým príkladom. Zvážime tiež vplyv niektorých značiek na vnútornú optimalizáciu stránky a pravidlá ich písania. Môžete si o tom prečítať v uvedenom článku. Mimochodom, podobné prvky návrhu textu nájdete v mnohých textových editoroch, napríklad v programe Word.
Značky sú rozdelené do dvoch typov: blokové a vložené značky. Pri použití prvého textu môžete zmeniť obsah časti textu (riadky, jednotlivé fragmenty alebo slová), zatiaľ čo ostatné sú. Štítky formátovania, na ktoré sa pozrieme v tomto článku, sú prevažne malé písmená.
Pravidlá a poradie písania značiek
Už viete, čo sú začiatočné a koncové značky. Ak nie, prečítajte si článok na samom začiatku tohto materiálu. Stručne povedané, existujú dva typy značiek: jednoduché (napríklad prenos do Nový riadok) a kontajner (spárovaný). Takže všetky značky formátovania textu sú spárované... To znamená, že každý prvok má značku začiatku a konca a výber musí byť umiestnený medzi nimi. Správny výber frázy bude napríklad vyzerať takto: Vybratý úryvok
Keď prehliadač spracuje tento fragment, zobrazí sa nasledujúci text: Vybratý úryvok. Mimochodom, všetky značky sa nezobrazujú v kanáli RSS ().
Hlavnou vecou pri písaní značiek je nechať ich zatvorené. V opačnom prípade bude všetok text na stránke tučný (v príklade so značkou) ). Ale sú chvíle, keď potrebujete zvýrazniť určitý fragment a kurzívu a tučné zároveň. Neexistuje však žiadna značka, ktorá by túto akciu vykonávala. Existuje iba jedno východisko z tejto situácie: použite dve značky súčasne. Nezáleží na tom, v akom poradí ich použijete. Preto písaním textu so značkami takto:
Vybratý úryvok
alebo takto:
Vybratý úryvok
Stále dostanete Vybratý úryvok kurzívou a tučným písmom zároveň. Je však výhodnejšie použiť prvú možnosť, pretože pôvodne bola jediná a správna. Nezabudnite tiež, že každý prehliadač môže so značkami zaobchádzať odlišne (), v závislosti od nastavení. Teraz prejdeme k samotným značkám formátovania.
Tučný a kurzívový text - značky , , a
Najpopulárnejšie značky formátovania textu - ich zvýraznenie odvážny a kurzívou... Obvykle sa používajú na zdôraznenie významu kusu. Prvý prípad slúži na výber fragmentu obsahujúceho užitočná informácia alebo Kľúčové slová... Kurzíva sa používa na rovnaké účely ako tučný text, ale informácie sú menej dôležité, pretože kurzíva je na pozadí hlavného textu menej viditeľná ako tučný text.Najprv zvážte tučný text... Na túto akciu slúžia dve značky - a ... Rozdiely v vzhľadč. Aj keď vzhľadom na to, že každý prehliadač môže interpretovať každý prvok odlišne, môžete si všimnúť akékoľvek rozdiely. Takto vyzerá text v značkách a vo forme, ktorú už prehliadač spracoval:
Text v silných značkách
Text v značkách b
A takto vyzerajú tieto dva riadky v zdrojovom kóde stránky:
Text v silných značkách Text v značkách b
Rovnakú situáciu môžeme pozorovať aj v prípade kurzívou a ... Skúste nájsť rozdiely medzi týmito dvoma príkladmi:
Text v tagoch em
Text v tagoch I
A tu zdroj:
Text v tagoch em Text v tagoch I
Uvažované tučné a kurzívou označené značky sa v skutočnosti nelíšia, ale prečo potom potrebujeme napríklad značku ak existuje ? Koniec koncov, tento posledný obsahuje iba jeden znak (nepočítajúc zátvorky), a preto sa ľahšie píše. A ide o to, že značky a ovplyvniť. Ak obklopíte kľúčové slová týmito značkami, bude to mať priaznivý vplyv na propagáciu webových stránok. Hlavnou vecou nie je to preháňať - maximálny text by mal byť 5% tučným textom v značke. , a rovnaké množstvo kurzívy v značke .
Ak chcete v texte iba zvýrazniť určitý okamih, použite značku alebo ... Všeobecne si myslím, že vyhľadávače tiež považujú text v týchto značkách za dôležitejší, ale ďalej vnútorná optimalizácia stále majú menší vplyv ako a .
Zlomiť textové značky - , a
Teraz sa pozrime na niekoľko značiek, ktoré používajú znak v textovom štýle. To najznámejšie z textové editory — tag
alebo podčiarknuť. Táto značka neovplyvňuje poradie (pokiaľ viem), ale pomôže zvýrazniť určitý text a zamerať sa naň. Príklad použitia tejto značky som uviedol hneď vyššie. Ďalšie dve značky, ktoré sú svojim účelom podobné - a ... Oba plnia funkciu prečiarknutého textu. Túto značku môžete použiť v akejkoľvek situácii: ak aktualizujete dokument (alebo skôr jeho časť), môžete prečiarknuť starý a pridať nový; ak sa chystáte napísať niečo, čo sa odchyľuje od témy materiálu; niečo, čo nezodpovedá morálnym a etickým štandardom.
Rozdiely medzi týmito dvoma značkami sú len v ich písanie, v dôsledku čoho je výhodnejšie použiť prvý, pretože po prvé, je pohodlnejšie písať, a po druhé, na vašej stránke bude menej HTML kódu a vyhľadávacím nástrojom sa to páči.
Označiť a atribúty - parametre písma textu
Teraz sa pozrime na značku, ktorá sa nepoužíva bez atribútov. S ním môžete nastaviť parametre pre konkrétny kus textu. Vo všeobecnosti je teraz výhodnejšie používať (kaskádové štýly), pretože môžu výrazne skrátiť celý HTML kód stránky. Pozrime sa teda na rovnakú značku . Pre neho je všetko tri atribúty:
- tvár- samotné písmo. Napríklad Arial, Courier alebo Verdana. Môžete uviesť niekoľko, tk. nie všetci používatelia majú rozsiahlu sadu písem a zadaním niekoľkých znakov do atribútu face si prehliadač bude môcť vybrať, ktoré z nich použije, respektíve ktoré je v systéme prítomné;
- veľkosť- atribút udávajúci veľkosť textu. Môže byť vyjadrený v ľubovoľných jednotkách aj v pixeloch;
- farba- farba textu. Tento atribút je možné použiť v HTML kódoch farieb aj v slovách. Prvé majú tvar #FFFFFF (kde F je akékoľvek číslo alebo písmeno od A do F) a druhé sú napísané jednoduchými slovami(napríklad červená je červená).
Takto vyzerá text v značke pomocou každého atribútu:
Tento text má veľkosť 6 pixelov
Tento text je červený Tento text je písmo Arial Tento text je červený a má 5 pixlovA tu je to, čo uvidíte po spracovaní napísaného kódu: 
Blokové prvky návrhu textu - hlavičky -, odstavec
, odstavec
Nakoniec sa pozrieme na prvky bloku, ktoré sa používajú takmer v každom dokumente. Ide o značky nadpisov a odsekov. Uvažujme o prvom. Existuje 6 typov nadpisov a každý má svoj vlastný štítok. Každý druh má iba svoje vlastné sériové číslo a je zaznamenávaný pomocou značiek
, ,..., ... Takto vyzerajú všetky hlavičky pri spracovaní:
... Takto vyzerajú všetky hlavičky pri spracovaní:
Číslo za názvom slova sa zhoduje s číslom v štítku
Teraz sa porozprávajme o značke zvýraznenia odseku.
Funkciou tejto značky je oddeliť text medzi podobným textom prázdnym riadkom. Ak sa pozriete na zdrojový kód dokumentu, môžete vidieť nasledujúce:
Zelené políčka majú jeden odsek, červené políčka ďalší. A takto vyzerá tento kód po spracovaní prehliadačom (šípka ukazuje na prázdny riadok):
Výsledkom je, že dostávame zreteľné oddelenie jedného odseku od druhého, čo je výhodné - čítanie sa stáva pohodlnejším.
Takže článok o značky formátovania dokumentov... Je ich oveľa viac, ako som popísal v tomto materiáli. Je to tak, že o niektorých musíte povedať veľa, v dôsledku čoho im budú venované samostatné články s úplnou recenziou.!