Všetky počítačové tajomstvá pre začiatočníkov a profesionálov / CD/DVD/Blu-Ray / Poznámka k používaniu BB kódov (bbCode). HTML kódy znakov Pluginy na zobrazenie kódu na stránke príspevku

Poznámka k používaniu BB kódov (bbCode). HTML kódy znakov Pluginy na zobrazenie kódu na stránke príspevku

02.11.2023

HTML tagy sú základom jazyka HTML. Značky sa používajú na vymedzenie začiatku a konca prvkov v značke.

Každý HTML dokument pozostáva zo stromu HTML prvkov a textu. Každý prvok HTML je identifikovaný počiatočnou (otváracou) a koncovou (zatváracou) značkou. Otvárací a uzatvárací štítok obsahuje názov štítku.

Všetky prvky HTML sú rozdelené do piatich typov:

prázdne prvky - , ,
, , , , , ,
Používa sa na uloženie dodatočných informácií o stránke. Tieto informácie používajú prehliadače na spracovanie stránky a vyhľadávače na jej indexovanie. V bloku môže byť niekoľko značiek, pretože v závislosti od použitých atribútov nesú rôzne informácie. Indikátor merania v danom rozsahu. Časť dokumentu obsahujúca navigačné odkazy na lokalitu. Definuje sekciu, ktorá nepodporuje skriptovanie. Kontajner na vkladanie multimédií (napr. audio, video, Java applety, ActiveX, PDF a Flash). Do aktuálneho dokumentu HTML môžete vložiť aj inú webovú stránku. Značka sa používa na odovzdávanie parametrov doplnku. Objednaný číslovaný zoznam. Číslovanie môže byť číselné alebo abecedné. Kontajner s názvom pre skupinu prvkov. Určuje možnosť/možnosť na výber z rozbaľovacieho zoznamu , alebo . Pole pre zobrazenie výsledku výpočtu vypočítaného pomocou skriptu.

Odseky v texte. Definuje parametre pre pluginy vytvorené pomocou prvku. Prvok kontajnera obsahujúci jeden prvok a nula alebo viac prvkov. Sama o sebe nič nezobrazuje. Umožňuje prehliadaču vybrať najvhodnejší obrázok. Vydáva text bez formátovania, zachováva medzery a zalomenia textu. Môže sa použiť na zobrazenie počítačového kódu, e-mailových správ atď. Indikátor dokončenia úlohy akéhokoľvek druhu. Definuje krátku citáciu. Kontajner pre východoázijské symboly a ich dekódovanie. Definuje svoj vnorený text ako základný komponent anotácie. Pridá krátky popis nad alebo pod znaky obsiahnuté v prvku zobrazený menším písmom. Označí vložený text ako dodatočnú anotáciu. Zobrazuje alternatívny text, ak prehliadač daný prvok nepodporuje. Zobrazí text, ktorý nie je aktuálny, s prečiarknutím. Používa sa na zobrazenie textu reprezentujúceho výsledok vykonávania programového kódu alebo skriptu, ako aj systémových správ. Zobrazuje sa jednopriestorovým písmom. Používa sa na definovanie skriptu na strane klienta (zvyčajne JavaScript). Obsahuje buď text skriptu, alebo odkazuje na externý súbor skriptu pomocou atribútu src. Definuje logickú oblasť (sekciu) stránky, zvyčajne s hlavičkou. Ovládací prvok, ktorý vám umožňuje vybrať hodnoty z navrhovanej sady. Hodnoty variantov sú umiestnené v . Zobrazí text menšou veľkosťou písma. Určuje umiestnenie a typ alternatívnych mediálnych zdrojov pre , , . Kontajner pre inline prvky. Dá sa použiť na formátovanie pasáží textu, ako je zvýraznenie jednotlivých slov farbou. Zvýrazňuje text a zvýrazní ho tučným písmom. Obsahuje vložené predlohy štýlov. Určuje dolný index písanie symbolov, napríklad index prvkov v chemických vzorcoch. Vytvorí viditeľný názov pre značku. Zobrazený s vyplneným trojuholníkom, kliknutím naň môžete zobraziť podrobnosti o titule. Určuje horný index pravopisu znakov.

Cheat list so značkami

Pre uľahčenie používania som značky zoskupil do tematických sekcií a pridal hodnoty vlastností zobrazenia pre každú značku. Ak chcete prejsť na tabuľku, kliknite na obrázok.

Nápisy vytvorené jednopriestorovým písmom sa vytvárajú pomocou značiek a. Výsledky používania týchto značiek sú zvyčajne identické: písmo s jednotnou medzerou a pevnou veľkosťou znakov a medzerami.

Tag

Značka je vložený prvok kontajnera, ktorý sa používa na vloženie malých fragmentov programového kódu, napríklad vo webovom dokumente predstavujúcom programovací tutoriál. Prehliadače zobrazujú takýto kód jednopriestorovým písmom (napríklad Courier New). Ak použijete ero spolu s prvkom

Značka sa používa na zadávanie textu bez formátovania, to znamená so zachovaním všetkých medzier, tabulátorov a zlomov riadkov. V rámci tohto prvku môžete použiť väčšinu prvkov formátovania textu.

Upozornenie: V HTML sa zalomenia riadkov, po sebe idúce medzery a tabulátory ignorujú. Viaceré medzery v rade sa považujú za jednu medzeru.

Príklad: pomocou prvkov a

Skúste to sami"

Prehliadač v rámci prvku duplikuje každú medzeru alebo zlom riadku, s ktorým sa stretne, a zachová tak vaše pôvodné formátovanie.

If (document.getElementsByClassName) ( x = document.getElementsByClassName("stránkovanie") if (x.length>y) ( x.style.visibility = "skryté"; )

V rámci prvku „pre“ prehliadač duplikuje každú medzeru alebo zlom riadku, na ktorý narazí, pričom zachová vaše pôvodné formátovanie.

if (document.getElementsByClassName) ( x = document.getElementsByClassName("stránkovanie") if (x.length>y) ( x.style.visibility = "skryté"; )

Značky a

Značka označuje časť kódu, ktorú používateľ zadal pomocou klávesnice. Niektoré prehliadače označujú takýto text dodatočným pozadím.
Značka sa používa na generovanie výstupu počítača, ako je napríklad text, ktorý sa zobrazí v okne konzoly po zadaní riadiaceho skriptu. Tento zriedkavo používaný prvok jednoducho zobrazuje svoj obsah jednorozmerným písmom ako , , .

Príklad: prvky a

Skúste to sami"

Umiestnite text, ktorý musí používateľ zadať z klávesnice
kontajnerový prvok "kbd".

Zadajte text: Toto je text zadaný z klávesnice

Toto je text, ktorý je umiestnený v kontajneri "samp".

Tag

Značka sa používa na ďalšie zvýraznenie premenných v kóde programu. Identifikuje premennú v matematickom výraze alebo parametri programu a zvyčajne sa zobrazuje kurzívou.

Príklad: prvky

Skúste to sami"

Kinetická energia tela:

Wk = mv2/2

Úlohy Záverečná úloha

V tejto lekcii ste sa dozvedeli o značkách, ktoré zobrazujú svoj obsah písmom s jednotnou medzerou, zvýrazňujú premenné v kóde a používajú značku na predbežné formátovanie. Všetky sú dôležité pri práci s matematickými výrazmi a programovým kódom.

Je čas zopakovať si, čo ste sa naučili, a dokončiť tri jednoduché úlohy:

Variabilné

Rozhodnite sa sami"

Pomocou prvkov HTML označte písmeno y ako premennú vo vyššie uvedenej rovnici.

Variabilné

Parabolická rovnica y = Nx2

Variabilné

Parabolická rovnica y = Nx2

Vopred naformátovaný text

Rozhodnite sa sami"

Pomocou prvku HTML zabezpečte, aby sa text umiestnený v prvku kódu zobrazil v prehliadači so všetkými medzerami a zalomeniami riadkov tak, ako sú.

Úvod

bbCode – Kód nástenky alebo značkovací jazyk, ktorý sa používa na formátovanie správ na mnohých systémoch násteniek (BBS) a fórach. Na formátovanie textu sa používajú značky podobné značkám HTML. Na rozdiel od značiek HTML sú značky bbCode uzavreté v hranatých zátvorkách. Pred zobrazením stránky nástroj fóra analyzuje text a konvertuje bbCode na HTML kód.

Na mnohých fórach možnosť používať BB kódy konfiguruje administrátor individuálne pre každú sekciu fóra. Preto sa pred použitím BB kódov v správach musíte uistiť, že sú povolené.

Formátovanie písma

Základné značky pre prácu s textom:

[p] Normálny odsek s odsadením.

Odsek, ktorý sa dá štylizovať.
* V ďalšom texte je „štýl“ analógom štýlu v HTML.
text je podobný v HTML

text

** So značkami [p] môžete použiť ďalšie značky, ako napríklad [b], [i], [s] atď.

Text, ktorého vlastnosti možno zmeniť pomocou štýlu.

Obmedzená oblasť, ktorej štýl možno zmeniť jej vlastnosti (pozícia, okraje, výplň, vlastnosti obsahu atď.).
* V predvolenom nastavení nie sú hranice oblasti viditeľné. Na jednej stránke môže byť niekoľko oblastí naraz.

Formátovanie textu:

[b] Dôležitý text, tučné

[i] Dôležitý text, kurzíva

Len odvážne

Len kurzíva

[u] Podčiarknutý text

[s] Prečiarknutý text – rovnaký ako možnosť

Menšie písmo

Značka poznámky pod čiarou nad textom alebo index pod textom

Odstránený text

Veľkosti písma:

13 bodové písmo

15 bodové písmo

Veľkosť písma 9 pixelov

Veľkosť písma 12 pixelov

Veľkosť písma 15 pixelov

Veľkosť 0

Veľkosť +1

Veľkosť +2

K dispozícii sú možné možnosti veľkosti písma (vizuálne posúdenie).

Nadpisy:

Hlavička 1. úrovne

Hlavička 2. úrovne

Hlavička 3. úrovne

Hlavička 4. úrovne

Hlavička 5. úrovne

Hlavička 6. úrovne

Formátovanie textu pomocou fontov:

Písmo Comic Sans Ms

Písmo Monotype Corsiva

písmo Tahoma

K dispozícii sú možné možnosti pre typy písma (mená a vizuálne hodnotenie).

Zdobenie textu pomocou farby:

Červený text
* Môžete použiť štandardné slovné označenie farieb: červená, zelená, modrá atď.

Modrý text
* Číslo #0000ff znamená v palete RGB modrú.

Modré pozadie
* Farbu pozadia je možné tiež zmeniť.

Modrý text, sivé pozadie

Niektoré preddefinované farby:

Čierna Biela Červená Zelená Modrá Fialová Ohnivá tehla Gaštanová OranžováČervená Polnočná Modrá NevädzaBlue
azúrová žltá purpurová tmavozelená tmavozlatá zlatá orchidea modrá fialová Burlywood broskyňová

Niektoré farby v hexadecimálnom kóde predstavujú intenzitu červenej, zelenej a modrej (RR GG BB):

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #08000000 #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF

K dispozícii sú možné možnosti pre paletu farieb a ich kódy/názvy.

Zarovnanie textu a formátovanie odsekov

Zarovnanie textu:

Zarovnajte text doľava

Zarovnanie doľava so štýlom

Zarovnanie doľava v odseku

Zarovnanie textu na stred

Zarovnanie na stred so štýlom

Zarovnanie na stred v odseku

Zarovnajte text doprava

Správne zarovnanie so štýlom

Zarovnanie v odseku doprava

Zarovnajte text na oboch stranách

Zarovnajte na oboch stranách štýlovo

Zarovnanie v odseku na obe strany
* Zarovnanie textov na oboch stranách sa zobrazí pri textoch, ktoré majú viac ako jeden riadok.

Formátovanie poznámok pod čiarou (komentárov) s odsadením odsekov:

[q] Citácia v rade

Cenová ponuka v súlade s vlastnosťami

Text citovaný v samostatnom bloku, ktorý bude mať
malá zarážka vľavo a špeciálny dizajn (štýl fóra).

Príklady:
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Formátovanie odsekov a oblastí:

Ahoj! V tomto odseku bude prvá veta z „červeného“ riadku, t.j. odsadené. Rovnako ako v kníhtlači. Pravda, na internete je to zriedkavá prax. Odseky by mali byť oddelené len prázdnymi medzerami.

Vopred naformátovaný text zachováva odsadenie vľavo a medzi slovami a nastavuje odsadenie, ktoré určíte, pomocou medzier. POZOR! Značka automaticky nepreruší riadok!

Formátovanie zoznamov

Pre zoznamy s odrážkami používame značku alebo:

Jedna z položiek zoznamu
Ďalšia taká položka
Ešte jeden bod.

[*] Ďalšia takáto položka
[*] Ešte jeden bod.

Pre číslované zoznamy používame značku:

Jedna z položiek zoznamu

Ďalšia taká položka

Ešte jeden bod.

[*] Jedna z položiek zoznamu
[*] Ďalšia takáto položka
[*] Ešte jeden bod.

Nie je potrebné použiť záverečnú značku:

Jedna z položiek zoznamu
Ďalšia taká položka
Ešte jeden bod.

[*] Jedna z položiek zoznamu
[*] Ďalšia takáto položka
[*] Ešte jeden bod.

Je tiež možné priamo určiť typ zoznamu:
- číslovaný zoznam
- abecedný zoznam
- zoznam očíslovaný rímskymi číslicami

snímky

Http://img.cx/img/primer.jpg - príklad vloženia obrázku.

Http://img.cx/img/primer.jpg - obrázok vľavo.

Http://img.cx/img/primer.jpg - obrázok vpravo.
* Tento kód je podobný kódu v HTML:

Http://img.cx/img/primer.jpg - obrázok v strede.
* Tento kód je podobný kódu v HTML:

Podobné značky s názvami a popismi:

Dôležité! V názve obrázku nemôžete použiť úvodzovky!

Http://img.cx/img/primer.jpg - príklad vloženia obrázku.

Http://img.cx/img/primer.jpg - obrázok vľavo.

Http://img.cx/img/primer.jpg - obrázok vpravo.

Http://img.cx/img/primer.jpg - obrázok v strede.

Obrázky s uvedenými veľkosťami:

Http://img.cx/img/primer.jpg - príklad obrázku s veľkosťou.
* Tento kód je podobný kódu v HTML:

Http://img.cx/img/primer.jpg - obrázok vľavo, s veľkosťou.

Http://img.cx/img/primer.jpg - obrázok vpravo, s veľkosťou.

Vkladanie veľkých obrázkov s posuvnými lištami:

Http://www..jpg - obrázok vo vybranej oblasti, ak je väčší ako dostupná veľkosť zobrazenia na fóre.

Adresa - otvorte obrázok v novom okne.
* Tento kód je podobný kódu v HTML:

Adresa - otvorte obrázok v tom istom okne.
* Tento kód je podobný kódu v HTML:

Hosting. Hotové šablóny webových stránok.

a (dekorácia textu: žiadna; veľkosť písma: 8 bodov; farba: #E0FDAF; )

a: vznášajte sa (dekorácia textu: podčiarknutie; veľkosť písma: 8 bodov; farba: #E0FDAF; )

písmo (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 8 bodov; farba: biela; )

b. žltá (farba: #FAF294; )

h (farba: #D1D33B; )

hr. bw (farba: čierna; )

písmo. zelená ( rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 8pt; farba: #B5FC39; )

písmo. názov (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 14pt; farba: #ffffff; )

písmo. title1 (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 16pt; farba: čierna; )

písmo. title2 ( rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 20pt; farba: #D2A801; )

písmo. title3 (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 14pt; farba: čierna; )

písmo. title4 (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 16pt; farba: biela; )

písmo. čierna ( rodina písiem: Arial, Tahoma, Helvetica; veľkosť písma: 8 bodov; farba: čierna; )

písmo. blackt (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 14pt; farba: #ffffff; )

písmo. blacklm (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 8 bodov; farba: čierna; )

písmo. blacklm2 (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 7pt; farba: čierna; )

písmo. blacklight (rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 10pt; farba: biela; )

písmo. blacklight2 ( rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 10pt; farba: čierna; hrúbka písma: tučné )

písmo. tse ( rodina písma: Arial, Tahoma, Helvetica; veľkosť písma: 8pt; farba: #96B495; )

d=dokument; a=""; a+="; r="+escape (d. sprostredkovateľ)

js=10 // -->

a+="; j="+navigátor. javaEnabled()

js=11 // -->

s=obrazovka; a+="; s="+s. šírka + "*" + s. výška

a+="; d="+ (s. colorDepth? s. colorDepth: s. pixelDepth)

js=12 // -->

js=13 // -->

d. napíš("

"? id=280923; js="+js+a+"; rand="+Math. náhodný() +

"" výška=1 šírka=1>")

ak (js>11) d. napíš("") // -->

Značka na vytvorenie tabuľky.
	Definuje telo tabuľky.
		Vytvorí bunku tabuľky.
	Používa sa na deklarovanie fragmentov kódu HTML, ktoré možno naklonovať a vložiť do dokumentu pomocou skriptu. Obsah značky nie je podradeným prvkom.
	Vytvára veľké polia na zadávanie textu.
	Definuje pätu tabuľky.
	Vytvorí názov bunky tabuľky.
	Definuje názov tabuľky.
	Definuje dátum/čas.
	Názov dokumentu HTML, ktorý sa zobrazuje v hornej časti záhlavia prehliadača. Môže sa zobraziť aj vo výsledkoch vyhľadávania, takže to treba vziať do úvahy pri poskytovaní názvu.

Vytvorí riadok tabuľky.
	Pridáva titulky pre prvky a .
	Zvýrazní pasáž textu podčiarknutím bez ďalšieho zvýraznenia.
	Vytvorí zoznam s odrážkami.
	Zvýrazňuje premenné z programov ich zobrazením kurzívou.
	Pridá video súbory na stránku. Podporuje 3 video formáty: MP4, WebM, Ogg.
	Označuje prehliadač, kde sa môže prerušiť dlhý riadok.

VB a COM Barbie Hry Generátor hier Návody Winsock Študenti kurzu Visual Basic Bezplatné návody Hry MP3 Šablóny Webová stránka vzhľad stránky Delphi Stiahnite si hru Naturizmus karty Voľné šablóny Študenti kurzu Photoshop

Zoznam serverov na hosťovanie osobných webových stránok. Poskytujú sa overené informácie, ktoré umožňujú porovnať kvalitu poskytovaného hostingu - veľkosť prideleného miesta na disku, povolený objem prevádzky, dodatočné reklamné zaťaženie, možnosti sťahovania súborov (FTP alebo HTTP), e-mailové služby, hotové šablóny webových stránok atď.

Sekcia „Šablóny hotových webových stránok“ poskytuje prehľad archívov s veľkým výberom hotových šablón webových stránok. Recenzia obsahuje šablóny vytvorené pomocou rôznych technológií a na rôzne témy. Prezentované šablóny sú k dispozícii na stiahnutie zadarmo (zvyčajne) a za platbu (za malý poplatok 10 - 30 USD). [ Hotové stránky]

geomestá. Yahoo.com je veľmi pohodlný a kvalitný bezplatný a platený hosting. Pridelený objem je 15 MB. K dispozícii je prístup cez FTP. Editor – Adv Basic. Reklama – Adsquare. Adresa vašej webovej stránky je /vy. Doplnkové služby - RealVideo, RealAudio, POPmail, GuestBook, MailForm Counter.

www.holm.ru - bezplatný a platený hosting. Pridelený objem nie je obmedzený. K dispozícii je prístup cez FTP. K dispozícii sú denníky servera. Názov domény tretej úrovne je vaša_doména. holm.ru Reklama - banner. Doplnkové služby - cgi skripty, SSI, Perl, PHP4, MySQL,

www.hostultra.com – bezplatný a platený (od 5 USD) hosting. Pridelený objem je 999 MB. K dispozícii je prístup cez FTP. Editor – Adv Basic. Reklama - Banner. Adresa vašej webovej stránky je /~vy. Doplnkové služby - Neobmedzená šírka pásma, Neobmedzený webový priestor, Hosting domén, PHP, FTP.

www.hut.ru - bezplatný hosting. Pridelený objem nie je obmedzený. K dispozícii je prístup cez FTP. Adresa vašej webovej stránky je /state/vy. Doplnkové služby - PHP skripty, cgi skripty, MySql, prístup k súborom. htaccess, SSI, prístup k log súborom, fóru a knihe návštev.

www.joinme.net - bezplatný hosting. Pridelený objem je 5 MB. K dispozícii je prístup cez FTP. Editor – Adv Basic. Reklama - Banner. Adresa vašej webovej stránky je /vy. Doplnkové služby - online nástroje na tvorbu webových stránok, kniha návštev, nástenka, ďalší priestor na vyžiadanie.

www.justfree.com - bezplatný hosting. Pridelený objem je 40 MB. K dispozícii je prístup cez FTP. Bez reklamy. Adresa vašej webovej stránky je /vy. Doplnkové služby - Neobmedzená šírka pásma, bezplatná podpora, bezplatná kniha návštev, bezplatné fórum, správca súborov E-Z, bezplatný e-mail.

www.megspace.com - bezplatný hosting. Pridelený objem je 50 MB. K dispozícii je prístup cez FTP. Editor – Adv Basic. Reklama - Banner. Adresa vašej webovej stránky je /dir/you. Doplnkové služby - bezplatné vývesky, bezplatná osobná kniha návštev, bezplatné odosielanie do vyhľadávača, bezplatný správca nahrávania s jednoduchým použitím, bezplatný nástroj na vytváranie správ, bezplatný nástroj na vytváranie stránok, rýchle servery.

ľudí yandex.ru - bezplatný hosting. Pridelený objem je 999 MB. K dispozícii je prístup cez FTP. Editor – Adv Basic. Reklama - Banner. Adresa vašej webovej stránky je Subdoména. Doplnkové služby - poštová schránka, šablóny webových stránok, štatistiky návštev, kniha návštev, fórum.

www.owns1.com - bezplatný hosting. Pridelený objem je 100 MB. Nahrajte súbory cez FTP. Editor – Adv Basic. Reklama - Topbanner. Adresa vašej webovej stránky je Subdoména. Doplnkové služby - Bezplatné rozšírenia Frontpage, php, cgi, mysql, ovládacie panely.

redrival.com – bezplatný hosting. Pridelený objem je 2 MB. K dispozícii je prístup cez FTP. Editor – Adv Basic. Reklama - Popup. Adresa vašej webovej stránky je /vy. Doplnkové služby - PHP 5, SQLite databázy, SSI/XSSI skriptovanie, emailová adresa, reklama podporovaná.

www.sitepalace.com - bezplatný hosting. Pridelený objem je 10 MB. Stiahnite si cez HTTP. Editor – Adv Basic. Reklama - Popup. Adresa vašej webovej stránky je /vy. Doplnkové služby - Neobmedzený prenos, Neobmedzené prístupy, Počítadlo stránok, ZADARMO predloženie do 300+ vyhľadávačov.

www.spaceports.com - bezplatný hosting. Pridelený objem je 10 MB. K dispozícii je prístup cez FTP. Reklama - Banner. Adresa vašej webovej stránky je /~vy. Doplnkové služby - CGI-BIN, MailForm, PHP skriptovanie, podpora databázy MySQL.

www.stormloader.com - bezplatný hosting. Pridelený objem je 50 MB. Nahrávanie súborov - Prehliadač. Reklama - Topbanner. Adresa vašej webovej stránky je /vy. Doplnkové služby - Nástroje na vytváranie stránok, Nemeraná šírka pásma.

V súvislosti s udržiavaním tohto blogu musím pravidelne vkladať na stránku fragmenty html a css kódu. V procese implementácie normálneho riešenia sa ukázalo, že z nejakého dôvodu neexistuje adekvátny popis hotových riešení v ruštine, takže medzeru by ste museli vyplniť sami.

Začnime niečím jednoduchým:

Ako vložiť html kód do textu?

Na vloženie jednej alebo dvoch značiek do textu na webovej stránke môžete použiť symboly html< для вставки < и символ >vložiť > teda tag V html kóde je napísaný ako Vkladanie veľkých fragmentov kódu na stránku.

Na vloženie samotného html kódu na stránku slúžia tri značky:

A a

Značka Identifikuje blok vopred naformátovaného textu. Teda text, v ktorom sú už umiestnené všetky medzery a spojovníky. Štandardne sa v prehliadači obsah tagu zobrazuje jednopriestorovým písmom a so všetkými medzerami medzi slovami. V značke sú zobrazené všetky medzery a berú sa do úvahy všetky zalomenia riadkov (html štandardne nezohľadňuje viaceré medzery a konvertuje ich na jednu). Vo vnútri kontajnera môžete použiť akékoľvek značky okrem nasledujúcich: , , , , A .

Nasledujúca značka je špeciálne navrhnutá na zobrazovanie kódu programu Escape. V predvolenom nastavení prehliadač zobrazuje obsah značky v malom texte s jednotnou medzerou. Značka neberie do úvahy dodatočné medzery a zalomenia textu, v dôsledku čoho je potrebné použiť značky na zalomenie riadkov
A

Značka nie je platná z pohľadu štandardu HTML, v súčasnosti ju však podporujú všetky prehliadače. Značka zobrazuje obsah kontajnera ako obyčajný text so všetkými medzerami a spojovníkmi. Kým štítok nebude „kanonizovaný“, jeho používanie sa považuje za nekóšer a kacírske.

Správnym riešením je v súčasnosti použiť tag S vnorenými tagmi na miestach, kde je to potrebné. Technicky potrebujeme značku, aby unikla fragmentom kódu, ktoré z jedného alebo druhého dôvodu vypadnú zo značky Ako krásne naformátovať html kód pomocou Jquery?

Na našej webovej stránke používame skript Snippet. Útržok je určený na zjednodušenie vizuálneho dizajnu príkladov programového kódu. Skript funguje takto:

Div.blog_right h2 ( font-size: 24px; color: #ff9933; margin-bottom: 9px; line-height: 44px; font-family: "arial", "verdana", sans-serif, "Lucida Sans"; písmo -hmotnosť: 100 okraj-vrchol: 0,83 em);

Pripojenie skriptu na spustenie kódu:

2) Pripojte súbory js a css. Budete tiež potrebovať pripojenú knižnicu Jquery.

3) Nastavte skript:

$(document).ready(function())( $("pre.htmlCode").snippet("html",(style:"acid")); // Hľadáme značky s triedou "htmlCode" // a pripojiť sa k týmto prvkom pomocou acid style a html spracovania $("pre.styles").snippet("css",(style:"acid") // Hľadáme značky s triedou "styles" // a pripojiť acid štýl a spracovanie k týmto prvkom pre kód CSS $("pre.js").snippet("javascript",(style:"acid") // Hľadáme značky s triedou "js" // a pripojiť štýl kyseliny a spracovanie pre )) ;

4) Sofistikovanejšia dokumentácia pre skript je k dispozícii na webovej stránke vývojárov. Skript dokáže za chodu meniť dizajn, zvýrazniť potrebné časti kódu v rámčekoch, vyniesť smeti a uvariť jedlo.

Súvisiace materiály:

Mapa stránok