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

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

ZÁKLADY HTML – VKLÁDÁNÍ OBJEKTŮ Číslo DUM: VY_32_INOVACE_04_12 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor:

Podobné prezentace


Prezentace na téma: "ZÁKLADY HTML – VKLÁDÁNÍ OBJEKTŮ Číslo DUM: VY_32_INOVACE_04_12 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor:"— Transkript prezentace:

1

2 ZÁKLADY HTML – VKLÁDÁNÍ OBJEKTŮ Číslo DUM: VY_32_INOVACE_04_12 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie Tematický celek: webové stránky Název projektu: Zvyšování kvality výuky na CMG Číslo projektu: CZ.1.07/1.5.00/

3 ZÁKLADY HTML – VKLÁDÁNÍ OBJEKTŮ

4 - obrázek (angl. image), nepárový tag; do stránky se vloží obrázek načtený z jiného souboru; artibuty:  src - umístění souboru s obrázkem; v souboru je umístěna pouze cesta k obrázku. Po přemístění „html souboru“ na jiný počítač, na server v internetu apod., cesta se změní a obrázek se nezobrazí. Řešením je umístění obrázku do stejné složky s „html souborem“ a do src napsat jen název obrázku. Název by měl být bez diakritiky a jedno slovo -

5  alt - alternativní text, zobrazuje se ve stránce tam, kde se nenačte obrázek  width, height – šířka a výška obrázku, udává se v pixelech nebo v %, zadáme-li pouze jeden rozměr, je druhý dopočítán a obrázek se nedeformuje  border – tloušťka rámečku (border=“0“- bez rámečku)  vspace, hspace - vertikální a horizontální odsazení od okolních objektů  align – zarovnání obrázku s okolím, obtékání obrázku (right, left), vertikální umístění obrázku na řádku (top, middle, bottom, baseline atd.)

6 - vše co je mezi těmito značkami je odkaz, může to být text, obrázek apod. artibuty:  href – zapíše se jako URL (Unique Resource Locator) stránky, na kterou je odkaz přesměrován; odkaz může otevírat i dokument  name – jméno záložky, v dokumentu se vytvoří záložka, na jiném místě se vytvoří odkaz Příklad, který převede uživatele tam, kde je záložka  target – určuje okno, ve kterém se zobrazí obsah Příklad

7 Seznamy představují v HTML to, co jsou ve Wordu odrážky, číslování a předsazení  nečíslovaný seznam Př. V IT probíráme psaní textu internet grafiku

8  číslovaný seznam Př. Moje nejoblíbenější předměty jsou: Informatika Matematika Tělocvik

9  seznam definic Př. Elipsa je uzavřená křivka v rovině. Všechny body elipsy mají stejný součet vzdáleností … Kružnice je množina všech bodů v rovině, které leží ve stejné vzdálenosti, označované jako poloměr

10 - uzavírá celou strukturu tabulky atributy tabulky:  align - obtékání tabulky ostatním textem – right, left, center  cellpadding – vnitřní okraj buněk – v pixelech  cellspacing - vnější okraj buněk – v pixelech  border – šířka rámečku buněk – v pixelech  width, height - šířka a výška tabulky – v pixelech nebo v %  background – obrázek na pozadí  bgcolor – barva pozadí

11 - začátek a konec řádku tabulky, musí být uvnitř elementu a smí obsahovat pouze buňky ( a ) - buňka tabulky, musí být umístěna v řádku atributy buňky :  align, valign – horizontální a vertikální zarovnání obsahu  width, height - šířka a výška buňky  bgcolor, background – barva pozadí a obrázek na pozadí  rowspan – sloučení buněk - zabírá více řádků  colspan - sloučení buněk – zabírá více sloupců

12 - hlavičková buňka, má stejné vlastnosti jako, ale text je tučný a umístěný na střed - nadpis tabulky, umístěno mezi a prvním řádkem tabulky Prázdná buňka – nevykreslí se rámeček, proto do ní píšeme tzv. nedělitelnou mezeru Příklad

13   


Stáhnout ppt "ZÁKLADY HTML – VKLÁDÁNÍ OBJEKTŮ Číslo DUM: VY_32_INOVACE_04_12 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor:"

Podobné prezentace


Reklamy Google