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

HTML - 3. lekceHTML - 3. lekce

 

HTML - 3. lekce

Google       Google       12. 7. 2005       25 350×

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

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 Stavebnice umělé inteligence 1

Stavebnice umělé inteligence 1

Článek popisuje první část stavebnice umělé inteligence. Obsahuje lineární a plošnou optimalizaci.  Demo verzi je možné použít pro výuku i zájmovou činnost. Profesionální verze je určena pro vývojáře, kteří chtějí integrovat popsané moduly do svých systémů.

Obrázek ke článku Hybridní inteligentní systémy 2

Hybridní inteligentní systémy 2

V technické praxi využíváme často kombinaci různých disciplín umělé inteligence a klasických výpočtů. Takovým systémům říkáme hybridní systémy. V tomto článku se zmíním o určitém typu hybridního systému, který je užitečný ve velmi složitých výrobních procesech.

Obrázek ke článku Jak vést kvalitně tým v IT oboru: Naprogramujte si ty správné manažerské kvality

Jak vést kvalitně tým v IT oboru: Naprogramujte si ty správné manažerské kvality

Vedení týmu v oboru informačních technologií se nijak zvlášť neliší od jiných oborů. Přesto však IT manažeři čelí výzvě v podobě velmi rychlého rozvoje a tím i rostoucími nároky na své lidi. Udržet pozornost, motivaci a efektivitu týmu vyžaduje opravdu pevné manažerské základy a zároveň otevřenost a flexibilitu pro stále nové výzvy.

Obrázek ke článku Síla týmů se na home office může vytrácet. Odborníci radí, jak z pracovních omezení vytěžit maximum

Síla týmů se na home office může vytrácet. Odborníci radí, jak z pracovních omezení vytěžit maximum

Za poslední rok se podoba práce zaměstnanců změnila k nepoznání. Především plošné zavedení home office, které mělo být zpočátku jen dočasným opatřením, je pro mnohé už více než rok každodenní realitou. Co ale dělat, když se při práci z domova ztrácí motivace, zaměstnanci přestávají komunikovat a dříve fungující tým se rozpadá na skupinu solitérů? Odborníci na personalistiku dali dohromady několik rad, jak udržet tým v chodu, i když pracovní podmínky nejsou ideální.

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