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

HTML - 3. lekceHTML - 3. lekce

 

HTML - 3. lekce

Google       Google       12. 7. 2005       22 187×

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 Blockchain & Bitcoin konference

Blockchain & Bitcoin konference

V pátek 19. 5. 2017 se v pražském konferenčním centru Andel’s konala Blockchain & Bitcoin konference. Řada odborníků a podnikatelů v oboru blockchainu a kryptoměn představila možnosti budoucího směřování tohoto oboru. Speakeři většinou rusky mluvící provenience prezentovali řešení svých firem založená na technologii blockchainu.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý