Etichete HTML _{și ^{- Text de subindice și superindice}}

Definiție și utilizare

Etichetă _{definește textul indicelui. Indicele este la jumătate din înălțime și apare sub linia de bază. Indiceul poate fi utilizat atunci când scrieți formule chimice precum H 2 O.}

Etichetă ^{definește textul cu superscript. Textul cu indicativ este la jumătate din înălțime și apare deasupra liniei de bază. Textul cu indicativ poate fi folosit atunci când scrieți note de subsol precum WWW.}

Suport pentru browser

Etichete _{și ^{acceptat de toate browserele majore.}}

Diferențe între HTML și XHTML

Atribute standard

Coloană DTD specifică în ce tip de document HTML 4.01 / XHTML 1.0 DTD este permis atributul. S \u003d strict, T \u003d tranzitoriu și F \u003d set de cadre.

Etichete _{și ^{acceptă următoarele atribute standard:}}

Atribut	Valoare	Descriere	DTD
clasă	numele clasei	Specifică numele clasei pentru un element	STF
dir	rtl ltr	Specifică direcția textului pentru conținutul dintr-un element	STF
id	identificator	Specifică un identificator unic pentru un articol	STF
lang	language_code	Specifică codul de limbă pentru conținutul unui element	STF
stil	stil_definitie	Specifică un stil în linie pentru un element	STF
titlu	text	Specifică informații suplimentare despre un articol	STF
xml: lang	language_code	Definește codul de limbă pentru conținutul elementului în documentele XHTML	STF

Mai multe informații despre atributele standard.

Atribute eveniment

Etichete _{și ^{acceptă următoarele atribute de eveniment:}}

Atribut	Valoare	Descriere	DTD
onclick	scenariu	Script cu mouse-ul	STF
ondblclick	scenariu	Script dublu clic	STF
onmousedown	scenariu	Script pentru a rula cu un clic de mouse	STF
onmousemove	scenariu	Script pentru a rula când cursorul mouse-ului este mutat	STF
onmouseout	scenariu	Script pentru a rula când mouse-ul se îndepărtează de element	STF
onmouseover	scenariu	Script pentru a rula atunci când mouse-ul se deplasează peste un element	STF
onmouseup	scenariu	Script pentru a rula când butonul mouse-ului este eliberat	STF
onkeydown	scenariu	Script pentru a rula la apăsarea unei taste	STF
onkeypress	scenariu	Script pentru a rula când o tastă este apăsată și apoi eliberată	STF
onkeyup	scenariu	Script pentru a rula la eliberarea unei chei	STF

Informații suplimentare despre

De câteva lecții acum, am lucrat cu greu la formatarea textului folosind CSS și de această dată învățăm cum să schimbăm cazul textului. În acest sens, foile de stil în cascadă ne deschid posibilități foarte largi sau, mai exact, putem:

Afișează tot textul cu litere mari;
Selectați tot textul cu litere mici;
Faceți ca prima literă a fiecărui cuvânt să înceapă cu majuscule.

"Totul este bine, desigur, dar când ai putea avea nevoie de el?" - tu intrebi. Imaginați-vă o situație în care doriți să afișați toate elementele de meniu cu majuscule. Pentru a face acest lucru, nu este necesar să le tastați, inclusiv tasta CapsLock, sau în timp ce țineți apăsată tasta Shift. Va fi suficient să setați toate elementele listei pentru a fi afișate cu majuscule, creând o regulă corespunzătoare în fișierul CSS. Și aceasta este doar una dintre multele situații posibile.

Proprietatea text-transform

Vom controla cazul textului folosind proprietatea text-transform. Are 4 valori principale - majuscule (majuscule), minuscule (minuscule), majuscule (majuscule pentru fiecare primă literă a cuvântului, restul valorilor nu se modifică), niciuna (nu se aplică nici o formatare). La prima vedere, toate acestea îți pot părea foarte complicate.

Principalul lucru nu este să intrați în panică ...

Dar, în practică, totul este destul de simplu, așa cum veți vedea acum. Principalul lucru este să alegeți selectorul potrivit, deoarece valorile proprietății de transformare a textului sunt moștenite.

Evidențierea cu majuscule

Primul lucru pe care îl sugerez este să scriem cu majuscule tot textul, pentru care creăm următoarea regulă CSS:

Corp (transformare text: majuscule;)

În principiu, nimic complicat, doar am folosit valoarea cu majuscule. După cum se spune, totul este intuitiv. Așa arată în viața reală:

Totul cu majusculă ...

Minuscule - se aplică tuturor

În pasul următor, să aplicăm minuscule peste tot, pentru care scriem următoarele:

Corp (text-transformare: minuscule;)

După cum ați fi putut ghici, cele două semnificații pe care tocmai le-am întâlnit sunt oarecum antonime. Și în ilustrația de mai jos, puteți vedea rezultatul proprietății nou create.

Pagină web cu minuscule activată

Cu majusculă prima literă a fiecărui cuvânt

Pentru a face acest lucru, trebuie doar să folosim valoarea corespunzătoare:

Corp (text-transform: majuscule;)

Nu știu cât de des veți folosi o astfel de regulă CSS, dar nu vă va face rău să știți despre această posibilitate, mai ales atunci când rezolvați probleme non-banale. Rezultatul poate fi văzut în imaginea de mai jos.

Text după majuscule aplicate

În cele din urmă, să aruncăm o privire rapidă la ultima valoare, niciuna. După cum am spus, poate fi folosit pentru a inversa moștenirea de la un părinte. De exemplu, imaginați-vă că avem toate regulile anterioare în vigoare, iar pentru paragrafe ar trebui să le anulăm, pentru aceasta scriem următoarele:

P (transformare text: niciuna;)

Îndrăznesc să presupun că înțelegeți totul, dacă nu - puneți-vă întrebările în comentarii. Și asta e tot pentru mine. Sper că ați găsit util acest tutorial CSS. Dacă este adevărat:

Repetați acest articol pe rețelele sociale, astfel încât mai mulți oameni să poată beneficia de acesta;
Abonați-vă la newsletter-ul meu pentru a nu rata postări utile și interesante pe blog.

Nu îmi iau rămas bun de la tine. Vă mulțumim pentru atenție și ne vedem în următoarele publicații!

Convertiți litere mici în minuscule și prima majuscule folosind CSS (8)

Nu există nicio opțiune de sugestie de limită în CSS. Alte răspunsuri care sugerează transformarea textului: scrierea cu majuscule nu sunt corecte deoarece folosește acest parametru fiecare cuvânt pentru fiecare cuvânt .

Aici nepoliticos modalitatea de a o face, dacă doriți prima literă a fiecărui articol a fost cu majuscule, dar cu siguranță nu se apropie nici de limitele reale:

P (transformare text: minuscule;) p: prima literă (transformare text: majuscule;)

Aceasta este o propoziție de exemplu.

Aceasta este o altă propoziție de exemplu. ȘI ACESTA ESTE ALTĂ, DAR VA FI ÎNTREGUT CU MAI MICUSURI.

Cum pot converti litera MAJUSCULĂ în minusculă și prima literă majusculă pentru fiecare propoziție așa cum se arată mai jos folosind numai CSS?

Din: Acesta este un exemplu de aplicație.

La: Aceasta este o sugestie dură.

Actualizați: când folosesc text-transform: capize; Rezultatul este în continuare același.

Nu puteți face acest lucru doar cu CSS. Există un atribut text-transform, dar nu acceptă niciunul, majuscule, majuscule, mici și moștenește.

S-ar putea să doriți să căutați o soluție JS sau o soluție pe partea de server.

Dacă puteți face ca toate caracterele să fie minuscule pe server, puteți aplica:

Transformare text: valorificați

Nu cred că conversia textului va funcționa cu litere mari ca intrare.

Dacă doriți să utilizați pentru nu va funcționa, pentru sau zona de text trebuie să utilizați Javascript

pentru care ar trebui să funcționeze bine sau </p> <p>În ultimul tutorial video, am învățat cum să eliminăm și să adăugăm informații noi la o nouă versiune a unui document HTML, informând în același timp motoarele de căutare despre acesta și evidențiindu-l vizual, astfel încât vizitatorii să poată vedea modificările. Pentru aceasta, am folosit etichetele del și ins.</p> <p>În acest tutorial video, continuăm subiectul formatării textului într-un document HTML. Vom arunca o privire asupra a două etichete HTML care indică superindice și subindice ale textului.</p> <h2>Eticheta de suport HTML este supercriptul textului în HTML.</h2> <p>Etichetă HTML <sup> este pentru specificarea superscriptului textului în HTML. În unele subiecte ale site-ului, această etichetă va fi pur și simplu de neînlocuit. De exemplu, dacă aveți sau planificați un site legat de orice formule, matematice sau chimice. Sau, dacă există un șantier, atunci eticheta <sup> va fi foarte util și vă va ajuta la proiectarea articolelor, atunci când scrieți formule sau orice cantități, de exemplu, metri pătrați în tema construcției.</p> <p>Dar dacă site-ul dvs. nu aparține subiectelor listate, acest lucru nu înseamnă că eticheta <sup> nefolositor. Este suficient să arăți imaginație și ingeniozitate și să găsești o aplicație pentru acest element.</p> <h3>Subetichetă HTML - indicele textului în HTML.</h3> <p>În ceea ce privește eticheta HTML <sub> atunci este opusul etichetei <sup> , și este responsabil pentru specificarea indicelui textului. Textul cu indicele poate fi utilizat la scrierea de formule sau ecuații matematice. În afară de aceasta, este posibil să găsiți alte utilizări pentru etichetă. <sub> .</p> <p><span class="WzqmRq9IauU"></span></p> <p>Următoarea lecție video este dedicată altor două etichete, care în unele situații pot fi pur și simplu de neînlocuit. Mai mult, acestea sunt capabile nu numai să formateze textul, de exemplu, într-un articol, ci și atunci când specifică diverse informații pe site în timpul aspectului paginii. Una dintre etichete se înfășoară în HTML, iar cealaltă trasează o linie orizontală.</p> <p>Indexul în raport cu textul este decalajul de caractere de la linia de bază în sus sau în jos. În funcție de valoarea de compensare pozitivă sau negativă, indicele este denumit sus, respectiv jos. Ele sunt utilizate în mod activ în matematică, fizică, chimie și pentru a desemna unități de măsură. HTML oferă două elemente pentru crearea unui index: <sup> (din engleză superscript) - superscript și <sub> (din engleză subscript) - subscript. Textul plasat într-unul dintre aceste containere este desemnat mai mic decât textul de bază și este decalat în sus sau în jos față de acesta. Exemplul 1 arată combinația elementelor și stilurilor specificate pentru a schimba aspectul textului.</p><p>Exemplul 1. Creați superscript și subscript</p><p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Suprindice și subscript</title> <style> .formula { font-size: 1.4em; /* Размер текста формулы */ } sup, sub { font-style: italic; /* Курсивное начертание */ color: red; /* Красный цвет символов */ } sub { color: blue; /* Синий цвет символов */ } </style> </head> <body> <p>Ecuația caracteristică a unei suprafețe de gradul al doilea</p> <p class="formula">λ <sup>3</sup> - Eu <sub>1</sub>λ <sup>2</sup> + Eu <sub>2</sub>λ - Eu <sub>3</sub> = 0</p> <script type="text/javascript">  </script><br> <br> </body> </html> </p><p>Exemplul conține în același timp atât indice, cât și superindice. Pentru a schimba stilul de font al indexului, se aplică stiluri care stabilesc un aspect unic (Fig. 1).</p><p>Figura: 1. Vizualizarea indexurilor după aplicarea stilurilor</p><p>Puteți refuza complet utilizarea <sup> și <sub> în favoarea stilurilor. Analogul acestor elemente este proprietatea de aliniere verticală, care face ca textul să se deplaseze vertical cu o distanță specificată. Mai exact, exemplul 2 folosește 0.8em pentru supercript și -0.5em pentru cel inferior. Em este o unitate relativă egală cu dimensiunea fontului curent. De exemplu, 0,5em înseamnă că textul ar trebui să fie deplasat la jumătate din dimensiunea fontului.</p><p>Exemplul 2. Utilizarea stilurilor pentru gestionarea indexurilor</p><p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Suprindice și subscript</title> <style> .formula { font-size: 1.6em; /* Размер текста */ font-style: italic; /* Курсивное начертание */ } .sup, .sub { font-style: normal; /* Нормальное начертание */ font-size: 0.6em; /* Размер индекса */ color: red; /* Цвет верхнего индекса */ vertical-align: 0.8em; /* Сдвигаем текст вверх */ } .sub { color: blue; /* Цвет нижнего индекса */ vertical-align: -0.5em; /* Сдвигаем текст вниз */ } </style> </head> <body> <p>Polinom de grad <em>n</em></p> <p class="formula">f (x) \u003d a <span class="sub">0</span> + a <span class="sub">1</span> x + ... + a <span class="sub">n-1</span> X <span class="sup">n-1</span> + a <span class="sub">n</span> X <span class="sup">n</p> <script type="text/javascript">  </script><br> <br> </body> </html> </p><p>În exemplu, formula în sine este afișată într-o dimensiune mărită, caracterele supercript sunt setate în roșu, iar cele inferioare - în albastru (Fig. 2).</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <div class="dsperelink"> <div class="read-analog"> <style> </style> <style> #perelink-horizontal { vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 192px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img { width: 192px; height: 192px; margin-bottom: 10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ro/samsung-galaxy-j5-harakteristiki-razmer-matricy-obzor-samsung-galaxy-j5-2016-sm-j510fn-novoi.html"> <img src="/uploads/364026a86b88ecb3a9cb0987483cf1c5.jpg" height="192" width="192" loading=lazy> <span>Revizuire a Samsung Galaxy J5 (2016) SM-J510FN, noua versiune a fundalului selfie mid-range</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ro/samsung-galaxy-j5-harakteristiki-razmer-matricy-obzor-samsung-galaxy-j5-2016-sm-j510fn-novoi.html"> <img src="/uploads/364026a86b88ecb3a9cb0987483cf1c5.jpg" height="192" width="192" loading=lazy> <span>Revizuire a Samsung Galaxy J5 (2016) SM-J510FN, noua versiune a fundalului selfie mid-range</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ro/galaxy-s9-cvet-kakoi-vybrat-chernyi-fioletovyi-sinii-ili-seryi-vse-cveta.html"> <img src="/uploads/679b4f32b7d3d0a7b43b46354f002388.jpg" height="192" width="192" loading=lazy> <span>Toate culorile caroseriei Galaxy S9 - pe care ar trebui să o alegeți?</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ro/galaxy-s9-cvet-kakoi-vybrat-chernyi-fioletovyi-sinii-ili-seryi-vse-cveta.html"> <img src="/uploads/679b4f32b7d3d0a7b43b46354f002388.jpg" height="192" width="192" loading=lazy> <span>Toate culorile caroseriei Galaxy S9 - pe care ar trebui să o alegeți?</span> </a> </div> </div> </div> </div> </div> </article> </div> </section> <aside class="col-xs-12 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"> <div class="mainnavbar side-box clear"> <div id="nav_menu-2" class="side-box_b"> <div class="menu-sidenav-container"> <ul id="menu-sidenav" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/total/">General</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/hard-drive/">HDD</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/different/">miscellanea</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/windows/">Windows</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/apple/">măr</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/android/">Android</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/browsers/">Browsere</a> </li> </ul> </div> </div> </div> <div class="side-box lastfaq faqli clear"> <span class="title-f">TOP 5:</span> <ul class="textw_a clear"> <li><a href="https://olympsb.ru/ro/planshety-s-vysokim-razresheniem-ekrana-planshety-planshetnye-kompyutery.html">Tablete (tablete)</a></li> <li><a href="https://olympsb.ru/ro/planshety-s-vysokim-razresheniem-ekrana-planshety-planshetnye-kompyutery.html">Tablete (tablete)</a></li> <li><a href="https://olympsb.ru/ro/portativnyi-vneshnii-akkumulyator-power-bank-2600-mah-dlya-kakih-ustroistv.html">Pentru ce dispozitive este potrivit Power Bank</a></li> <li><a href="https://olympsb.ru/ro/portativnyi-vneshnii-akkumulyator-power-bank-2600-mah-dlya-kakih-ustroistv.html">Pentru ce dispozitive este potrivit Power Bank</a></li> <li><a href="https://olympsb.ru/ro/instrukciya-obsluzhivaniya-htc-one-m8-instrukciya-obsluzhivaniya-htc.html">Manual de utilizare HTC One M8 Merită, de asemenea, să vă uitați la recenziile telefonului mobil</a></li> </ul> </div> <div class="side-box lastfaq faqli clear"> <span class="title-f">Ultimele materiale:</span> <ul> <li> <a href="https://olympsb.ru/ro/instrukciya-obsluzhivaniya-htc-one-m8-instrukciya-obsluzhivaniya-htc.html" >Manual de utilizare HTC One M8 Merită, de asemenea, să vă uitați la recenziile telefonului mobil</a> </li> <li> <a href="https://olympsb.ru/ro/kogda-vyidet-samsung-galaxy-a7-obzor-samsung-galaxy-a7-2017-ne-boitsya-vody-i-ekonomii-s-health.html" >Recenzie Samsung Galaxy A7 (2017): nu vă temeți de apă și economie</a> </li> <li> <a href="https://olympsb.ru/ro/kogda-vyidet-samsung-galaxy-a7-obzor-samsung-galaxy-a7-2017-ne-boitsya-vody-i-ekonomii-s-health.html" >Recenzie Samsung Galaxy A7 (2017): nu vă temeți de apă și economie</a> </li> <li> <a href="https://olympsb.ru/ro/instrukciya-po-ekspluatacii-huawei-mediapad-t3-10.html" >Manual de utilizare Huawei mediapad t3 10</a> </li> <li> <a href="https://olympsb.ru/ro/instrukciya-po-ekspluatacii-huawei-mediapad-t3-10.html" >Manual de utilizare Huawei mediapad t3 10</a> </li> </ul> </div> <div class="side-box clear"> <div id="rexuta2" style="height:800px;width:240px;" align="center"></div> </div> </aside> </section> <div class="footer"> <div id="footer_mainnav" class="mainnav collapse navbar-collapse col-xs-12 col-sm-12"> <ul id="menu-mainnav-1" class="nav navbar-nav navi"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/flash-drives/">Unități flash</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/total/">General</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/hard-drive/">HDD</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/different/">miscellanea</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/windows/">Windows</a></li> </ul> </div> <div class="twobl-footer col-xs-12 col-sm-12"> <div class="onef col-xs-12 col-sm-3"> <div class="fool2og log-m_h1"> <img src='/public/logo.png' loading=lazy> </div> <div class="decksite"></div> </div> <div class="twof col-xs-12 col-sm-2"> <ul id="menu-foonav" class="twonavig"> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ro/category/apple/">măr</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ro/category/android/">Android</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ro/category/browsers/">Browsere</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ro/category/flash-drives/">Unități flash</a></li> </ul> </div> <div class="treef col-xs-12 col-sm-4"> <ul class="f-post"> <li><a href="https://olympsb.ru/ro/telefony-ldzhi-na-2-sim-karty.html">Telefoane lji pentru 2 cartele SIM</a></li> <li><a href="https://olympsb.ru/ro/telefony-ldzhi-na-2-sim-karty.html">Telefoane lji pentru 2 cartele SIM</a></li> <li><a href="https://olympsb.ru/ro/obzor-smartfona-lg-optimus-l5-chetyre-nedorogih-dyuima-obzor-smartfona-lg.html">Recenzie smartphone LG Optimus L5: patru centimetri ieftini ⇡ despre putere</a></li> <li><a href="https://olympsb.ru/ro/obzor-smartfona-lg-optimus-l5-chetyre-nedorogih-dyuima-obzor-smartfona-lg.html">Recenzie smartphone LG Optimus L5: patru centimetri ieftini ⇡ despre putere</a></li> </ul> </div> <div class="fourf col-xs-12 col-sm-3"> <div class="buth"> <a class="butt-faq buttorang" href="" title="contacte">Contacte</a> </div> <p class="continfo">Ajutor computer Olympus</div> </div> <div class="tree-footer col-xs-12 col-sm-12 clear"> © 2020. olympsb.ru. Ajutor computer Olympus.</div> </div> <script src="https://olympsb.ru/wp-content/themes/vsepropechen/js/bootstrap.min.js"></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/wp-postratings/postratings-js.js?ver=1.83'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.7.6'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=4.7.6'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/disqus-comment-system/media/js/count.js?ver=4.7.6'></script> <div style="display:none"> <div id="text-3" class="conter-metr"> <div class="textwidget"> </script> </div> </div> </div> <div id="top-link"> <a href="https://olympsb.ru/ro/#top"></a> </div> <script type="text/javascript">  </script><br> <br> </body> </html> </div>

Superscript HTML. HTML este - cum se face text cu majuscule css

Etichete HTML și - Text de subindice și superindice