Html chuťovky

HTML, jak jistě všichni víte, je jazyk pro vytváření www stránek.
Připravil jsem pro Vás nějaké html triky, ale jde spíš jen o blbosti, které se v běžném psaní moc neuplatní, posuďte sami:

Barva textu jinak (nefunguje v Mozille)


V html jde barva textu (tabulky, čehokoli,..) nastavit třemi způsoby a to "názvem barvy" (blue,green,red),
RGB modelem (např: rgb(0%,0%,50%)-tmavě modrá), nebo Hexadecimálním (16kovým) zápisem (modrá= #0000FF).
Jednou jsem chtěl zkusit, co udělá např.:

<font color="barva" >barva </font>

a ono to opravdu něco udělalo!!
Napadlo mě vyzkoušet ještě další "barvy" (např.:benzin, plesk,nebo ku**a) a fungovalo to (ale u některých ne: zelena, pes, atd.).
Většinou jde sice jen o základní barvy, ale dá se stím užít legrace :).

PROČ TO FUNGUJE:
Nevím to jistě, ale myslím si, že tento zápis bere prohlížeč jako hexadecimálni a dosazuje si tam divné hodnoty (šestnáctkový zápis lze totiž zapsat i bez "#" na začátku).

Jiná barva podtržení, než barva textu

Když máte podtržený text, tak je barva podtržítka zásadně stejná, jako barva textu, já jsem ale přišel na trik, s jehož pomocí se to dá obejít.
Základ tohoto triku spočívá v tagu <span> a jeho ID + stylování pomocí CSS.

JAK NA TO:
  • Nejdřív "ospanujeme" text, který chceme upravovat takto:

    <span id="modra"> <span id="cervena"> cerveny text modre podtrzeny </span> </span>

  • Pak napíšeme do hlavičky stránky (<head>) styl pomocí css:

    <style>
    #morda {color:blue; text-decoration:underline}
    #cervena {color:red}
    </style>


  • Výsledek snažení vypadá takto: cerveny text modre podtrzeny

    PROČ TO FUNGUJE:
    Span s ID="modra" má za úkol nastavit textu modrou barvu a podtrhnout ho (=> i modré podtržení).
    Druhý span barví text na červeno, ale žádné podtržení v deklaraci nemá. Proto přebarví pouze text a podtržítko nechá na pokoji.
    Je zajímavé, že druhý span ten první nevyruší, ale dukud to funguje, není co řešit! ;)
  • Html značky v textu

    Jistě vás někdy zajímalo, jak napsat do běžné html stránky tagy, aby to prohlížeč nepochopil jako součást kódu.

    JSOU DVA ZPŮSOBY:
  • První je poněkud zdlouhavý, a vůbec se nepoužívá (protože jsem ho vymyslel já XD).
    Stačí proložit tag, který chceme, aby byl vidět, jiným tagem (například <span>).
    V praxi to vypadá takto:

    <<span>table</span>> a vyleze z toho jen <table>

  • Druhý způsob spočívá v zapsání kódu znaku (<,>)
    Každý znak má totiž svůj kód, u > a < je to &gt; a &lt; (z angličtiny: lt=lower than a gt=greater than)
    kód:

    &lt;table&gt; = <table> (ale prohlížeč to jako tabulku nebere)