HTML - 3. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

HTML - 3. lekceHTML - 3. lekce

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

HTML - 3. lekce

Google       Google       12. 7. 2005       23 488×

Efekty a zvýraznění písma, odkazy.....

Reklama
Reklama

Obsah:

  1. Zvýrazňování a efekty písma
  2. Odkazy
  3. Úkol

Zvýrazňování a efekty písma

Zvýrazňování písma znáte určitě z Wordu, jsou to vlastnosti jako: tučné, kurzíva, podtržené... V HTML jsou tyto vlastnosti definovány taky. Používají se pro ně párové značky, které ohraničují to písmo, které chceme upravit.

vlastnost: tag: ukázka:
tučné <b></b> text
kurzíva <i></i> text
podtržené <u></u> text
škrtnuté <strike></strike> text
dolní index <sub></sub> text
horní index <sup></sup> text
blikající <blink></blink> text
zvětší o 1 bod <big></big> text
zmenší o 1 bod <small></small> text
rolující (*) <marquee></marquee> text

(*) marquee - má také parametry:

  • width - šířka plochy, na které text roluje
  • height - výška plochy
  • bgcolor - barva plochy za textem
  • direction - směr (left, right, top, down)
  • loop - počet projetí (infinite = pořád), 1, 2, 3...)
  • scrollamount - rychlost projíždění
  • behavior - způsob rolování (alternate - tam a zpět; scroll - zleva do prava; slide - na konci se zastaví)

Je potřeba si to všechno prozkoušet a zjistit, co vám vyhovuje nejlépe.

Hypertextové odkazy

Nelekejte se! Tím se myslí normální odkaz (link), buď na soubor nebo na stránku.

Odkaz se určuje párovým tagem <a></a>. Odkazem může být text nebo obrázek. Záleží na tom, co umístíme mezi tagy.

Ukázka odkazu:

<a href="nejaka stranka">odkazem je text</a>

odkazem je text

<a href="nejaka stranka"><img src="adresa k obrazku"></a>

Title

Každý odkaz může mít i svůj popisek, stačí připojit k odkazu parametr title s hodnotou, jakou uznáte za vhodnou. Pro zobrazení popisku najeďte myší na odkaz.

ukázka


<a href="adresa" title="popisek">odkaz</a>

Target

Pokud potřebujete odkaz otevřít do nového okna, stačí přidat parametr target k odkazu a jako hodnotu zadat _blank (pozor podtržítko je důležité! Bez něj to fungovat nebude!).
<a href="nejaka stranka" target="_blank">odkaz se otevře do ového okna</a>

ukázka

Odkaz na soubor

Jinými slovy download (stahování). Odkaz nemusí nutně vést jen na jinou webovou stránku. Pomocí odkazu se dají stahovat i soubory. Stačí místo adresy zadat relativní (pokud je soubor na vaší stránce) nebo absolutní (pokud je jinde na webu) adresu souboru. Jednoduché ne? :o)

Úkol

Tentokrát udělejte stránku:

  • s textem, ve kterém použijte pár vlastností písma
    • tento text přijede zprava a to na černé ploše
    • text tedy musí mít bílou barvu!
    • poslední znak v textu bude odkazovat na váš oblíbený vyhledávač

Příště: tabulky

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Ondřej ŠateraOndřej se zajímá o tvorbu webů, návrh a implementaci webových aplikací. Studuje v Praze na ČVUT a pracuje u společnosti Emotion design s.r.o
Web     Twitter    

Nové články

Obrázek ke článku Ericsson ConsumerLab Report: rozšířená realita je další úrovní gamingu

Ericsson ConsumerLab Report: rozšířená realita je další úrovní gamingu

Celkem 66 % uživatelů zajímá rozšířená realita v oblasti gamingu. Mezi nimi je i 35 % těch, kteří jinak hry nehrají.
Pro téměř 50 % respondentů by bylo zajímavé zapojení virtuální objektů do reálného světa. Objekty by zůstaly tam, kde je při hře „umístili“.
Až 43 % uživatelů láká využití rozšířené reality ve sportu

Reklama
Reklama
Obrázek ke článku Instalace nejnovější verze Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached na Windows 10

Instalace nejnovější verze Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached na Windows 10

Buďte při vývoji efektivní! Pomocí tohoto návodu během chvíle vytvoříte ze svého počítače lokální webový server. Vyzbrojíte jej vším, co budete při práci potřebovat: Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached. Je to plná polní pro webové vývojáře s Windows 10. Navíc poradíme, jak mít na localhostu více projektů pomocí VirtualHost.

Obrázek ke článku Do poskytovatele managed hostingových služeb vshosting~ vstupují zahraniční investoři

Do poskytovatele managed hostingových služeb vshosting~ vstupují zahraniční investoři

Po více než roce jednání do vshosting~ vstoupili 3 investiční skupiny z Německa: Pecunalta, BrainWeb Investment a Quines Capital. Jde o investiční skupiny, které mají účast na projektech jako PlusServer (největší managed provider v Německu a jeden z největších v Evropě), PLESK, cPanel, CloudLinux, GoDaddy (největší světový hostingový poskytovatel z USA), či Acronis, pomohou vshosting~ v jeho plánované mezinárodní expanzi na další zahraniční trhy. Ve vshosting~ nyní drží 75% podíl, zbylých 25 % zůstává zakladatelům vshosting~, kterými jsou Damir Špoljarič (CEO) a Jan Martinů (CTO).

Obrázek ke článku Posuňte své znalosti IT na výrazně vyšší úroveň

Posuňte své znalosti IT na výrazně vyšší úroveň

Zájem o IT odborníky je v současnosti v tuzemsku i v zahraničí enormní a vedení firem si moc dobře uvědomuje, jak těžké je získat ty správné. I přesto, že je odborníků na trhu dlouhodobý nedostatek, stále platí, že část z nich je - a bude - placena výrazně lépe než ti ostatní. Proč tedy nebýt mezi nimi?

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032019 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý