1 / 9

Odkazy

Odkazy. Pomocí odkazu se lze pohybovat mezi stránkami. Cílem může být další stránka nebo identifikátor na aktuální stránce. Odkazy jsou na stránce většinou označeny barevně a podtrženy.

ranger
Download Presentation

Odkazy

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Odkazy • Pomocí odkazu se lze pohybovat mezi stránkami. Cílem může být další stránka nebo identifikátor na aktuální stránce. • Odkazy jsou na stránce většinou označeny barevně a podtrženy. • Pokud se na odkaz najede kurzorem myši, změní se kurzor myši na kurzor znázorňující ruku nebo se odkaz barevně změní.

  2. Odkazy • Odkazy se zapisují pomocí značky <a>, která má povinný parametr href nebo name. • Parametr href určuje cíl odkazu. Jako cíl se zadává URL adresa dokumentu (absolutní nebo relativní). • Parametr name určuje odkaz na část dokumentu, která je označena tzv. návěštím. • Text nebo obrázek vložený mezi značky <a> a </a> se zobrazí na monitoru

  3. Odkaz – na jiný soubor • Zápis relativní cesty k odkazu: <a href="mech.htm">Mechanizace a služby</a> <a href="mech.htm"><imgsrc="obrazek.jpg" /></a> • Zápis absolutní cesty k odkazu: <a href="http://www.soscb.cz">SOŠ VMZ</a> http – protokol přenosu www – služba soscb.cz - doména

  4. Odkaz na část dokumentu <a href="#skoda">Odkaz na záložku skoda</a> • V daném dokumentu musí být definováno návěští <h3>Automobil Seat</h3> <h3>Automobil Opel</h3> <h3><a name="skoda">Automobil Škoda</a></h3> <h3>Automobil Fiat</h3>

  5. Odkaz na e-mail • Tento typ odkazu bude fungovat pouze v tom případě, když na daném počítači bude zprovozněn nějaký e -mailový klient. <a href="mailto:novak@soscb.cz">E-mail</a> Odkaz na e-mail novak@soscb.cz <a href="mailto:novak@soscb.cz?subject=pokus">E-mail</a> Odkaz na e-mail novak@soscb.cz s vyplněným subjektem

  6. Odkaz a CSS • Změna vlastností odkazu lze provést pomocí CSS. Obr. 1 Obr. 2 Obr. 3

  7. Odkaz a CSS Vysvětlení jednotlivých položek CSS. a {font-size: 20px; - velikost písma 20 px color: red; - barva písma červená background-color: yellow; - barva pozadí žlutá text-align: center; - zarovnání textu na střed text-decoration: none; - odebrání podtržení odkazu display: block; - nastavení na blokovou značku width: 100px; - šířka bloku 100 px margin-bottom: 2px;} - šířka spodního vnějšího okraje 2 px a:hover {background-color: silver;} – odkaz nad nímž se nachází kurzor myši, změna barvy na šedou

  8. Otázky k opakování • Jaká značka se používá pro odkaz? • Jaké parametry může mít značka pro odkaz? • Co je to návěští? • Jak zajistíte, aby se odkaz zobrazil na monitoru?

  9. Použité zdroje • BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. • BLÁBOLIL, Roman. Www.blabik.cz: Podpora výuky: „Tvorba www stránek“ [online]. 7. února 2013 11:30. Dostupný z WWW: http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf Použité obrázky: Vlastní

More Related