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

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

HTML - 3. lekce

Google       Google       12. 7. 2005       23 240×

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

Reklama
Reklama
Obrázek ke článku Digitální nomád – nonstop na cestách a práce odkudkoliv

Digitální nomád – nonstop na cestách a práce odkudkoliv

Jak skloubit pracovní a osobní život je tématem, které řeší stále více lidí. Mladí více než kdy předtím kladou důraz na svůj osobní čas a nechtějí sedět od brzkého rána do pozdního večera v práci. Stále více lidí hledá způsob, jak si vydělat potřebné peníze a zároveň se bavit a trávit svůj čas smysluplně. 

Obrázek ke článku Studenti Gymnázia Jana Keplera v rámci Hodiny kódu vyvíjeli s odborníky z JetBrains webovou aplikaci

Studenti Gymnázia Jana Keplera v rámci Hodiny kódu vyvíjeli s odborníky z JetBrains webovou aplikaci

Celosvětová aktivita Hodina kódu má za úkol přiblížit programování i laikům a ukázat, že každý se je může naučit. Studenti kvinty pražského Gymnázia Jana Keplera v pondělí 10. prosince využili příležitost k seznámení se s jazykem JavaScript, který se používá k programování webových aplikací. Do jeho základů je uvedli vývojáři ze společnosti JetBrains, která patří k předním tvůrcům softwarových nástrojů pro profesionální vývojáře.

Obrázek ke článku Influenceři? Značce mohou pomoci, ale také ji poškodit

Influenceři? Značce mohou pomoci, ale také ji poškodit

Influenceři hýbou současným marketingem. Firmy do nich investují nemalé peníze v očekávání návratnosti. Správně nastavená spolupráce s influencerem může značce opravdu velmi pomoci, ale také naopak. Podmínkou je k tomu přistupovat s citem. Podle odborníků je stále diskutovaným tématem také přiznání spolupráce

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