Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Tvorba webových stránek - hyperlink

Podobné prezentace


Prezentace na téma: "Tvorba webových stránek - hyperlink"— Transkript prezentace:

1 Tvorba webových stránek - hyperlink
Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_022.ICT.34 Tvorba webových stránek - hyperlink

2 OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34
Číslo projektu: CZ.1.07/1.5.00/ Šablona: VY_32_INOVACE Číslo DUMU: 022.ICT.34 Předmět: Informační technologie Název materiálu: Tvorba webových stránek – hyperlink Autor: Jaroslav Fišer Formát: Prezentace Microsoft Powerpoint  Velikost: 295 kB Stupeň a typ vzdělávání: SŠ – odborné vzdělávání Licence k obrazovému materiálu: CC BY Datum vytvoření: Klíčová slova: HTML, www, web, internet Anotace: úvod do HTML, hyperlink - základní struktura HTML stránky, navazuje na DUM 021.ICT.34 OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34

3 Tvorba webových stránek - hyperlink
Hyperlink je hypertextový odkaz na jinou stránku. Hypertextový odkaz se uzavírá do párových značek <a> ... </a> (a jako anchor=kotva). Nejčastěji používaná syntaxe je následující: <a href=„odkaz“ title=„popis_odkazu„ target=„umístění ">Zobrazený text</a> OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34

4 Tvorba webových stránek - hyperlink
Ukázka zápisu hyperlinku na stránky naší školy: <a href=" title="Oficiální web OA a JŠ Jihlava" target="_blank">OA a JŠ Jihlava</a> title - text, který se má objevit při najetí kurzorem myši na odkaz target - určuje, kde se otevře odkaz (v novém okně) pozor na uvozovky, velká a malá písmena, češtinu, mezerník OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34

5 Tvorba webových stránek - hyperlink
Úkol 1. Do souboru index.htm napište HTML kód dle vzoru. Soubor uložte a otevřete v internetovém prohlížeči. Na řádku č. 6 a na řádku č. 11 doplňte datum vytvoření struktury HTML dokumentu. Prozkoumejte HTML kód, na řádek č. 15 vložte hyperlink oblíbeného webu. 1 2 3 4 5 6 7 8 9 10 11 1213 14 15 16 17 18 <html> <head> <title>www - úvod </title> </head> <body> <b>Text</b> <i>(zde zobraz datum vytvoření ukázky struktury HTML dokumentu Text)</i><br /> <b>Jaroslav Fišer</b> <br /> <font size="5" color="red">OA a JŠ Jihlava</font><br /> 3A2<br /> <hr /> <b>Hyperlink</b> <i>(zde zobraz datum vytvoření ukázky struktury HTML dokumentu Hyperlink)</i><br /> <a href=" title="Oficiální web OA a JŠ Jihlava" target="_blank">OA a JŠ Jihlava</a><br /> <a href=" title="Digitální materiály pro výuku" target="_blank">DUMY.CZ</a><br /> <a href=" školy</a><br /> <i>Prostor pro vlastní hyperlink</i><br /> </body> </html> OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34

6 Tvorba webových stránek - hyperlink
Snímek po splnění úkolu 1.a), 1.b) Snímek po splnění úkolu 1.c), 1.d) OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34

7 Tvorba webových stránek - hyperlink
Doporučené odkazy: Použité zdroje: Veškerý obsah včetně obrázků je dílem autora. OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34


Stáhnout ppt "Tvorba webových stránek - hyperlink"

Podobné prezentace


Reklamy Google