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
OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34 Číslo projektu: CZ.1.07/1.5.00/34.0744 Š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í: 06. 03. 2013 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
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
Tvorba webových stránek - hyperlink Ukázka zápisu hyperlinku na stránky naší školy: <a href="http://www.oa-ji.cz" 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
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="http://www.oa-ji.cz" title="Oficiální web OA a JŠ Jihlava" target="_blank">OA a JŠ Jihlava</a><br /> <a href="http://www.dumy.cz" title="Digitální materiály pro výuku" target="_blank">DUMY.CZ</a><br /> <a href="http://www.oa-ji.cz/images/logo/logo_oficial_ss.jpg"target="_blank">Logo školy</a><br /> <i>Prostor pro vlastní hyperlink</i><br /> </body> </html> OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34
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
Tvorba webových stránek - hyperlink Doporučené odkazy: http://www.jakpsatweb.cz Použité zdroje: Veškerý obsah včetně obrázků je dílem autora. OA a JŠ Jihlava, VY_32_INOVACE_022.ICT.34