V HTML lze tučný text vytvořit několika způsoby. Tyto zahrnují:
- Štítek b;
- Štítek silný;
- Vlastnost CSS tloušťka písma.
Promluvme si o každé z možností výběru textu v pořadí.
Tučný text: tag
Štítek b HTML se aplikuje takto:
Tvůrce webových stránek "Nubex"
Pro Tag musí mít uzávěrku a obecné atributy (jako např třída, id, titul atd.)
I když platnost tagu b a není zastaralou specifikací HTML, relevantnější pro použití je značka silný podívejme se proč.
Tučný text: tag
Podle specifikace HTML značka b Používá se k vytvoření tučného textu. Naproti tomu tag silný HTML slouží ke zvýraznění Důležité frah, slova, která jsou pro tuto stránku klíčová.
Tato značka je velmi důležitá při hodnocení stránek Výsledky vyhledávání, takže je široce používán při propagaci webových stránek a SEO optimalizaci. Vyhledávače respektují text uzavřený ve značkách a označte jej jako důležité.
Použitý štítek silný stejně:
Tvůrce webových stránek "Nubex"
Můžete si všimnout, že externí použití značek a se vůbec neliší (protože všechny moderní prohlížeče interpretovat je téměř stejně), ale sémantické rozdíly v kódu pro vyhledávače, přesto mít kde být. Proto většina SEO doporučuje používat tag silný.
Tučný text s CSS
Již jsme si všimli důležitosti značky silný v propagace vyhledávání, ale co dělat, když potřebujete udělat velké množství textu tučným písmem (text ale není nutné označit jako důležitý pro vyhledávače), nebo potřebujete ovládat míru „tučnosti“ písma? V takových případech se používá vlastnost CSS tloušťka písma. Aplikuje se následovně:
Naše stránky jsou opravdu obrovský krok ve vývoji webu.
Děláme to doopravdy kvalitní stránky.
Věřte nám a my budeme nezklameme tě.
Hodnoty odvážnější a lehčí můžete nastavit stupeň tučnosti více (nebo méně) než rodič. Pro nastavení stupně obsahu tuku lze použít číselnou hodnotu (100-900).
Pokračujeme v práci s písmy a v této lekci se podíváme na to, jak se nastavují vlastnosti, aby písmo vypadalo tučně nebo kurzívou. Zatím jsme zvažovali jak vytvořit tučné písmo nebo kurzívu používáním HTML značky. Ale jak už víme HTML nemělo by se používat k návrhu dokumentu, je určeno pouze k vytvoření označení, struktury stránky, takže vše musíte stylizovat pomocí šablony stylů css. A nyní se podívejme, jak se takové vlastnosti nastavují.
Kurzíva CSS písmo
Tato vlastnost pomáhá formátovat text kurzívou. styl fontu: ; , ke kterému je přiřazena hodnota kurzíva , což znamená "Styl písma je kurzíva."
Nyní si představme, že na stránce je mnoho odstavců a jeden z nich je třeba napsat kurzívou. Co uděláme, je vytvořit třídu pro požadovaný odstavec a pak určit, že prvek s touto třídou by měl být kurzívou.
HTML
Čtvrtý odstavec Čtvrtý odstavec Čtvrtý odstavec
Nastavte vlastnost pro kurzívu.
Pokud jste takové odstavce vytvořili a nastavili pro ně vlastnost, text druhého odstavce se stal kurzívou. Vlastnost jsme nastavili pro celý odstavec, ale nyní si to ztížíme a nastavíme kurzívu pouze pro dvě slova ve čtvrtém odstavci. Jak to udělat? V HTML V lekci jsme analyzovali značku logické úrovně . Tento tag se používá právě pro takové situace, kdy pro nějakou část elementu potřebujete nastavit nějakou třídu. A tak tag vložíme do čtvrtého odstavce a přiřadíme mu třídu třída="kurzíva"> . V důsledku toho dostaneme následující záznam:
HTML
První odstavec První odstavec První odstavec První odstavec
Druhý odstavec Druhý odstavec Druhý odstavec Druhý odstavec
Třetí odstavec Třetí odstavec Třetí odstavec Třetí odstavec
Čtvrtý odstavec Čtvrtý odstavec Čtvrtý odstavec
Pátý odstavec Pátý odstavec Pátý odstavec Pátý odstavec
Kurzíva( styl písma: kurzíva; )
Druhý odstavec a část čtvrtého odstavce jsou nyní zobrazeny kurzívou. V demo to je jasně ukázáno.
Tučné CSS
Pro nastavení tučného písma se používá další vlastnost, pojmenovaná váha písma: ; jinými slovy se také nazývá saturace písma. Sytost je zpočátku nastavena na normální to znamená, že sytost písma je normální a nastavením hodnoty tučně stane se odvážným.
Tučné (váha-písma:tučné ;)
Hodnotu sytosti můžete také nastavit pomocí čísel z 100 před 900 krok za krokem 100 . Význam normální rovná se číslu 400 a hodnotu tučně postava 700 . Význam 900 není podporováno všemi fonty, takže nastavením této hodnoty si nemusíte všimnout rozdílu od hodnoty 700 . Tento stav vypadá takto:
Tučné (váha písma:700; )
V html kód, dělají přesně to samé: pokud potřebujete vybrat celý odstavec, dáme mu novou třídu, pokud je součástí textu, pak použijeme značku třída="kurzíva"> . Zvažte malý příklad:
HTML
První odstavec První odstavec První odstavec První odstavec
Druhý odstavec Druhý odstavec Druhý odstavec Druhý odstavec
Třetí odstavec Třetí odstavec Třetí odstavec Třetí odstavec
Čtvrtý odstavec čtyři odstavec čtyři odstavec
Pátý odstavec Pátý odstavec Pátý odstavec Pátý odstavec
Tučné (tloušťka písma: tučné; )
V důsledku toho jsme tučně zvýraznili část čtvrtého odstavce, kde je zároveň kurzíva, a celý pátý odstavec. Zde jsou další dvě vlastnosti, které jsme studovali. Používají se poměrně často, takže je třeba mít na paměti, že:
- Je nastavena kurzíva: styl fontu: kurzíva; .
- Je nastaveno tučné písmo: váha písma: tučně; .
- Chcete-li vrátit písmo do normální sytosti, nastavte hodnotu: váha písma: normální; nebo hodnotu váha písma: 400 ; , což v tomto případě znamená totéž.
Zde jsme uvažovali o dvou dalších vlastnostech písem. Viz v Demo co se vám nakonec mělo stát a přejdeme ke studiu následujících vlastností.
Jedním z nejjednodušších způsobů, jak zvýraznit slovo nebo frázi v textu, je použít jiné písmo. Slovo nebo frázi tedy můžete podtrhnout tučným písmem Stránka vám snadno umožní zvýraznit slova pomocí jiného stylu – kurzíva, podtržené, tučné.
Tučné písmo jako způsob, jak zvýraznit to hlavní
Nejživější a nejchytlavější jsou slova zvýrazněná tučně. Taková slova a fráze okamžitě upoutají pozornost. Takže, abyste se naučili, jak rychle zvýraznit v textu správná místa, měli byste si zapamatovat speciální HTML kód. Tučné písmo se nastavuje pomocí značky pair .
Úvodní značka se umístí před slovo nebo frázi nebo větu, která má být zvýrazněna. . Za posledním písmenem v textu, které má být zvýrazněno, následuje uzavírací značka.. Cokoli mezi těmito dvěma značkami se v prohlížeči zobrazí tučně.
Další možnosti výběru
Zjistili jsme tedy, že je možné zvýraznit text pomocí jiného stylu. Rozhodli jsme se pro nejjednodušší a zároveň efektivní použití tučného HTML. Nyní si povíme o dalších možnostech výběru.
Například můžete text kurzívou použít pomocí značky pair , zvýrazněte jej pomocí . Tohle je nejvíc jednoduchými způsoby zvýraznění textu.
Existují také méně známé a používané značky, které lze použít ke zvýraznění slov a vět v textu. K přeškrtnutí textu tedy stačí použít . Značka dvojice pomůže vytvořit jednoprostorový text . Pokud potřebujete vytvořit horní index, použijte , dolní - .
V tomto případě, stejně jako dříve, by měl být text, který potřebujete, mezi úvodní a závěrečnou značkou. Jak vidíte, není nic složitého, hlavní věcí je zapamatovat si tyto kódy nebo je zapsat.
Použití více písem
Pokud chcete, aby byl text výraznější, můžete použít více než jen tučné písmo. Značení HTML umožňuje zvýraznit slovo pomocí více stylů současně. Můžete například udělat slovo tučné, přeškrtnuté a kurzíva zároveň.
Zároveň je třeba pamatovat na jednu věc – všechny tagy je nutné zavírat postupně. Správný záznam může být například:
- vybraný text.
Pokud štítky zavřete v jiném pořadí, text se zvýrazní nesprávně. Příklad chybného zadání:
- vybraný text.
V takovém případě bude prohlížeč zmatený a nebude chápat, co přesně od něj chcete.
Mimochodem, zde lze poznamenat, že tři možnosti stylu – tučné, podtržené a kurzíva – se pamatují poměrně snadno, pokud vlastníte klávesové zkratky ve Wordu. Tam se styl nastavuje pomocí stejných kláves s písmeny při podržení Ctrl.
Jak vidíte, můžete použít nejen kurzívu nebo tučné písmo. Značení HTML usnadňuje zvýraznění slov stejně jako v běžném Wordu.
závěry
Pro zvýraznění textu se hojně využívá nejen rozmanitost barev a odstínů, různé velikosti a typy písma, ale také jeho styl. Navíc pomocí jiného obrysu lze krásně a snadno vybrat ten či onen fragment textu.
Chcete-li změnit styl písma, měli byste použít jakoukoli značku, kterou znáte. Tučné písmo HTML stránky je nejjasnější a nejviditelnější, a proto se nejčastěji používá pro zvýraznění.
Existují tři způsoby, jak nastavit tučný text HTML stránku, ale nespěchejte s tím, abyste okamžitě použili jakýkoli, který se vám líbí, protože takový výběr může mít jiný význam a ovlivnit optimalizaci webu pro vyhledávač.
Tučné písmo se silnou značkou
Tento cesta je v pohodě pokud chcete tučně zvýraznit důležitou část textu. HTML tag je logický formátovací tag a jeho podstatou je „zdůraznit“ důležitost vybraného fragmentu.
V HTML existují další logické formátovací značky. Značka například zvýrazňuje text kurzívou a označuje důraz na vybranou frázi.
Další typy výběru textu jsou popsány v článku:.
prostý text zvýrazněný důležitý text. Prostý text.
Tučný text se značkou b
prostý text tučné písmo. Prostý text.
Tučné styly CSS
Tučný text lze provést nejen pomocí speciálních HTML tagy. Nastavením vlastnosti font-weight: bold; (nefunguje pro všechna písma).
Takový výběr bude mít stylistický charakter, aniž by přidával vybranému textu logickou váhu.
Kromě toho můžete vybrat konkrétní značku i skupinu prvků najednou nastavením stylů prostřednictvím třídy CSS.
Vlastnost CSS uvnitř atributu style:
Text tučně.
Text tučně.
Text normálním fontem.
Text tučně.
Co dělat, když text nelze nastavit tučně
Pokud nemůžete text nastavit tučně, je pravděpodobné, že váš web má přepsané styly prvků CSS. V tomto případě budete muset tyto styly upravit. Ve většině případů to lze provést prostřednictvím souboru hlavní tabulky css styly. Pokud tomu nerozumíte, kontaktujte webmastera. S vysokou mírou pravděpodobnosti nebude řešení tohoto problému trvat déle než 5 minut práce (i když samozřejmě mohou existovat výjimky).