Ahoj. Niekedy pri vytváraní webových stránok je potrebné špecifikovať niektoré slová s pomocou css veľké alebo horný index. Pozrime sa, ako sa to robí.

Veľké a malé písmená pomocou css

Vo všeobecnosti aj dnes môžete požadovaný text uzavrieť do značiek _{^{a získajte požadovaný displej, ale pozrime sa aj na to, ako sa to dá urobiť pomocou css, pretože technika je trochu iná.}}

Napríklad musíte do html dokumentu napísať vzorec H 2 O. Robí sa to takto:

• Samotný vzorec je napísaný
• Tie slová a čísla, ktoré je potrebné zobraziť v hornom alebo dolnom indexe, sú uzavreté v tagu span, ktorému je potrebné priradiť nejakú triedu. Napríklad: znaky na výstup
• V css musíte nastaviť tento prvok:

  Najvyšší index(
  Vertical-align: super;
  }

Táto vlastnosť je zodpovedná za vertikálne zarovnanie textu. Jeho hodnota super určuje, že text sa bude zobrazovať v hornom indexe. Veľkosť písma však zostala rovnaká ako pri bežnom texte. Aby všetko vyzeralo krajšie, mali by ste tiež nastaviť veľkosť písma o niečo menšie pomocou vlastnosti font-size.

Takto jednoducho nehnuteľnosť funguje. Na výstup v dolnom indexe teda musíte písať takto:

Najvyšší index(
Vertical-align: sub;
}

Rozdiel oproti podobným HTML tagom je v tom, že tieto pravidlá nemenia veľkosť písma, takže ak to potrebujete urobiť, budete musieť do šablóny štýlov napísať novú veľkosť.

To je všetko, čo potrebujete vedieť o hornom a dolnom indexe v css. žiadne pridané vlastnosti nehnuteľnosť neposkytuje a nie sú potrebné. Ak chcete, môžete tento text navrhnúť špeciálnym spôsobom, ale zriedka je to potrebné.

Kde sa to môže hodiť

Text horného a dolného indexu možno použiť pri písaní vzorcov, pridávaní poznámok a poznámok k článkom. Napríklad Wikipedia poskytuje zdroje a poznámky ku každému článku. Ako článok postupuje, sú umiestnené vo forme malých horných indexov. Čitateľov to nedráždi a zároveň umožňuje dodať článkom požadovaný vzhľad.

Vlastnosť je plne využívaná v rôznych prehliadačoch a je podporovaná vo všetkých verziách CSS.

Index vzhľadom na text je posunutie znakov vzhľadom k základnej čiare nahor alebo nadol. V závislosti od kladnej alebo zápornej hodnoty offsetu sa index nazýva horný alebo dolný. Aktívne sa používajú v matematike, fyzike, chémii a na označovanie jednotiek merania. HTML ponúka dva prvky na vytvorenie indexu: ^{(z anglického horný index) - horný index a _{(z angličtiny dolný index) - nižší index. Text umiestnený v jednom z týchto kontajnerov je označený menšiu veľkosť než je základný text a je vzhľadom k nemu posunutý nahor alebo nadol. Príklad 1 ukazuje, ako možno tieto prvky a štýly použiť spolu na zmenu vzhľadu textu.}}

Príklad 1: Vytvorenie horného a dolného indexu

Charakteristická rovnica povrchu druhého stupňa

λ ³- ja ₁λ ²+ ja ₂λ - I ₃ = 0

V príklade sa dolný aj horný index zobrazujú súčasne. Na zmenu indexového štýlu písma sa používajú štýly, ktoré nastavujú jednotný dizajn (obr. 1).

Ryža. 1. Pohľad na indexy po aplikácii štýlov

Môžete ho úplne prestať používať ^{A _{v prospech štýlov. Analógom týchto prvkov je vlastnosť vertical-align, ktorá spôsobí zvislý posun textu o určenú vzdialenosť. Konkrétne v príklade 2 je hodnota 0,8 em pre horný index a -0,5 em pre dolný index. Em je relatívna jednotka rovnajúca sa veľkosti aktuálneho písma. Napríklad 0,5 em znamená, že text by mal byť posunutý o polovicu veľkosti písma.}}

Príklad 2: Použitie štýlov na správu indexov

Polynóm stupňa n

f(x) = a 0+a 1 x + ... + a n-1 X n-1+ a n X n

V príklade je samotný vzorec zobrazený vo zväčšenej veľkosti, symboly horného indexu sú nastavené červenou a spodné modrou farbou (obr. 2).

CSS umožňuje flexibilné prispôsobenie textu, ktorý je prezentovaný pomocou jazyka HMTL. Dnes sa pozrieme na efekt vlastnosti „text-transform“, ktorá umožňuje zmeniť veľkosť písma. Túto možnosť podporujú všetci moderné prehliadače a je súčasťou špecifikácie pre všetky verzie CSS.

Účel

Vlastnosť „text-transform“ môže mať tri hlavné hodnoty a dve ďalšie. Môžete napríklad priradiť veľké písmená všetkému vybranému textu. Alebo môžete zadať príkaz opačný k predchádzajúcej vlastnosti, kde všetky znaky budú malé. Stretnutie si môžete dohodnúť akýmkoľvek spôsobom, ktorý vám vyhovuje. Napríklad pomocou inline štýlov. Alebo môžete vytvoriť

Samostatný súbor s popisom všetkých vlastností. Aký spôsob priradenia použijete, je len na vás. "Text-transform" môže nadobúdať nasledujúce hodnoty:

• Veľké písmená. Všetky vybrané znaky budú veľké. Veľké písmená sú bežnou hodnotou v CSS, pretože pomáhajú riešiť mnohé zložité problémy súvisiace s textom.
• Malými písmenami. Táto vlastnosť je úplne opačná ako príkaz veľkých písmen.
• Veľké písmená. Zmení veľkosť prvého písmena na veľké. Zostávajúce znaky sa nezmenia.
• žiadne. Umožňuje vrátiť späť všetky priradené hodnoty (potrebné na preddefinovanie vlastnosti). zvyčajne daná hodnota je štandardne nainštalovaný.
• Zdediť. Zdedí všetky vlastnosti z nadradeného prvku. Treba poznamenať, že IE túto vlastnosť nepodporuje.

Aplikácia

S pomocou CSS veľké písmená (alebo podobné efekty) sa nastavujú jedným jednoduchým príkazom. Preto nie je potrebné meniť alebo prepisovať celý text. Ak hovoríme o o jednostránkovej lokalite, potom táto vlastnosť nemusí byť užitočná. Keď však ovládate obrovský portál, kde potrebujete opraviť veľkosť písmen v určitých fragmentoch, jediným účinným nástrojom sa stane „transformácia textu“. Napríklad musíte opraviť písmo v značkách nadpisu „h2“. Ak to chcete urobiť, musíte pridať položku: „h2 ( transformácia textu: veľké písmená; )“ a potom budú všetky nadpisy druhej úrovne napísané veľkými písmenami.

Zvláštnosti

Niektorí si môžu myslieť, že ručné spracovanie textu a zmena fontu pomocou vlastnosti „text-transform“ nič nezmení. Ale to nie je pravda. Ak manuálne zmeníte na veľké písmená (veľké), potom keď sa tieto informácie skopírujú z vašej stránky, znaky zostanú nezmenené. Ak používate jazyk CSS, všetko sa deje inak. Vlastnosť „text-transform“ mení písmo pre používateľov iba vizuálne. Ale v skutočnosti symboly zostávajú nezmenené. Toto sa deje so všetkými hodnotami tejto vlastnosti. Skopírované informácie (text) budú mať pôvodné puzdro zdrojový kód stránky. Toto je jediný rozdiel medzi manuálnym spracovaním a používaním CSS príkazov.

Nezáleží na tom, ktorý z nich chcete použiť - malé alebo veľké písmená, hlavnou vecou je nezabudnúť na účel. Napríklad, ak potrebujete zmeny iba na dekoratívne účely, môžete bezpečne použiť vlastnosť „text-transform“. No, ak viete, že vaši používatelia pravdepodobne skopírujú informácie, ktoré uverejníte, potom je najlepšie manuálne zmeniť veľké a malé písmená vo všetkých textoch. Čitatelia si totiž niekedy takúto zámenu písma nevšimnú. Toto je obzvlášť dôležité, keď ide o dôležité dokumenty a podobné informácie.

HTML tagy _{A ^{- Text dolného a horného indexu}}

Definícia a použitie

Tag _{definuje medziriadkový text. Podriadený text má polovičnú výšku a zobrazuje sa pod základnou čiarou. Medziriadkový text možno použiť pri písaní chemických vzorcov, ako je H2O.}

Tag ^{definuje text horného indexu. Text horného indexu má polovičnú výšku a zobrazuje sa nad základnou čiarou. Text horného indexu možno použiť pri písaní poznámok pod čiarou, ako je napríklad WWW.}

Podpora prehliadača

Tagy _{A ^{podporované všetkými hlavnými prehliadačmi.}}

Rozdiely medzi HTML a XHTML

Štandardné atribúty

Stĺpec DTD určuje, v ktorom type dokumentu je povolený atribút HTML 4.01/XHTML 1.0 DTD. S = prísny, T = prechodný a F = súbor rámcov.

Tagy _{A ^{podporujú nasledujúce štandardné atribúty:}}

Atribút	Význam	Popis	DTD
trieda	názov_triedy	Určuje názov triedy pre prvok	STF
r	rtl ltr	Určuje smer textu pre obsah v prvku	STF
id	identifikátor	Označuje jedinečný identifikátor pre prvok	STF
lang	kód_jazyka	Určuje kód jazyka pre obsah prvku	STF
štýl	definícia štýlu	Určuje vložený štýl pre prvok	STF
titul	text	Označuje Ďalšie informácie o prvku	STF
xml:lang	kód_jazyka	Definuje kód jazyka pre obsah prvku v dokumentoch XHTML	STF

Viac informácií o štandardných atribútoch.

Atribúty udalosti

Tagy _{A ^{podporujú nasledujúce atribúty udalosti:}}

Atribút	Význam	Popis	DTD
po kliknutí	skript	Skript sa spustí kliknutím myši	STF
ondblclick	skript	Skript sa spustil, keď dvojité kliknutie myš	STF
onmousedown	skript	Skript sa spustí po stlačení tlačidla myši	STF
onmousemove	skript	Skript, ktorý sa spustí, keď sa pohne ukazovateľ myši	STF
onmouseout	skript	Skript, ktorý sa spustí, keď sa kurzor myši presunie mimo prvok	STF
onmouseover	skript	Skript sa spustí, keď sa kurzor myši presunie nad prvok	STF
onmouseup	skript	Skript sa spustí po uvoľnení tlačidla myši	STF
onkeydown	skript	Skript sa spúšťa pri stlačení klávesu	STF
onkeypress	skript	Skript sa spustí po stlačení a uvoľnení klávesu	STF
onkeyup	skript	Skript sa spustí po uvoľnení kľúča	STF

Viac informácií o

V poslednej lekcii videa sme sa naučili, ako odstrániť a pridať nové informácie V Nová verzia HTML dokument, zatiaľ čo to nahlasujete vyhľadávače a vizuálne zvýraznenie, aby zmeny videli aj návštevníci. Na tento účel sme použili značky del a ins.

V tomto videonávode pokračujeme v téme formátovania textu v dokumente HTML. Pozrieme sa na dve značky HTML, ktoré označujú horný a dolný index textu.

Značka sup HTML je horný index textu v HTML.

HTML tag ^{je určený na označenie horného indexu textu v HTML. V niektorých témach webových stránok bude táto značka jednoducho nenahraditeľná. Napríklad, ak máte alebo plánujete webovú stránku týkajúcu sa akýchkoľvek vzorcov, matematických alebo chemických. Alebo ak existuje webová stránka stavebné témy, potom značku bude veľmi užitočný a pomôže pri príprave článkov, pri písaní vzorcov alebo akýchkoľvek množstiev, napríklad metrov štvorcových v stavebných témach.}

Ale ak vaša stránka nesúvisí s uvedenými témami, neznamená to, že značka ^{nebude užitočné. Stačí ukázať fantáziu a vynaliezavosť a nájsť pre tento prvok využitie.}

Sub tag HTML je dolný index textu v HTML.

Čo sa týka značky HTML _{, potom je opakom značky ^{a je zodpovedný za uvedenie dolného indexu textu. Text dolného indexu možno použiť pri písaní vzorcov alebo matematických rovníc. Ale okrem toho možno pre značku nájdete aj iné využitie .}}

Ďalšia Video lekcia je venovaná dvom ďalším tagom, ktoré môžu byť v niektorých situáciách jednoducho nenahraditeľné. Okrem toho sú schopné nielen formátovať text, napríklad v článku, ale aj pri uvádzaní rôznych informácií na stránke počas rozloženia stránky. Jedna zo značiek vykonáva preklad do HTML a druhá kreslí vodorovnú čiaru.