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

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

HTML HyperText Markup Language Autor: Jitka Rybenská.

Podobné prezentace


Prezentace na téma: "HTML HyperText Markup Language Autor: Jitka Rybenská."— Transkript prezentace:

1 HTML HyperText Markup Language Autor: Jitka Rybenská

2 HTML Jazyk, který je základem pro vytváření www stránek Co potřebujeme k tvorbě? Jakýkoliv textový editor, např. Poznámkový blok ve Windows

3 Pravidla pro vytváření www stránek Stránky mají co nejmenší velikost  co nejkratší doba načítání stránky Stránky zálohovat pro případ selhání serveru Používat standardní fonty (Arial, Verdana, Times New Roman, Courier, Helvetica) V názvech souborů a odkazů používat malá písmena (některé rozeznávají malá a velká písmena) Rozmyslet adresářovou strukturu, obrázky do samostatných adresářů Stránky aktualizovat.

4 Uložení stránek na internetu 1. možnost – freeWebHosting – stránka je umístěna na server zdarma – občas nastávají problémy při aktualizaci a změnách –www.webzdarma.czwww.webzdarma.cz –www.centrum.czwww.centrum.cz –www.kgb.cz, atd.www.kgb.cz 2. možnost – placený WebHosting – snadnější úpravy + další výhody

5 Základy HTML Při programování se používají znaky Na anglické klávesnici Na české klávesnici kombinace kláves pravý ALT + Příkazy se nazývají tagy a píší se do –Párový: … musí být ukončen –Nepárový:

6 Kostra HTML dokumentu … vymezuje celý dokument HTML … hlavička dokumentu titulek … titulek stránky tělo dokumentu (+definice pozadí), většina zdrojového kódu Soubor, který je titulní stránkou, se nazývá index.htm nebo default.htm

7 Členění textu … oddělení odstavců – První odstavec Druhý odstavec Třetí odstavec Mezi slovy se zobrazuje vždy pouze jedna mezera (bez ohledu na to, kolik jich je ve zdrojovém textu) … odřádkování Text Další řádek

8 Formát textu … až … … nadpisy v šesti úrovních. Největší je nadpis podnadpis … zarovnání odstavce … vodorovná dělicí čára … tloušťka, délka, barva čáry

9 Formát textu … … tučný text … … kurzíva … … podtržené písmo … velikost písma (1 až 7) … druh písma (Courier, Arial,…) … barva písma (hexadecimální hodnota) Lze psát

10 Odkazy text zobrazený na obrazovce … vložení odkazu text …otevření odkazu v novém okně

11 Vložení obrázku … vložení obrázku, ALT zobrazí popisek obrázku

12 Tabulka Tabulka je jeden z nejmocnějších nástrojů HTML. Používá se velmi často pro prezentaci informací. Díky tabulkám si udržujeme kontrolu nad vzhledem stránky. Většina informací (text, obrázky, …) se prezentuje pomocí tabulek

13 Tabulka … začátek tabulky – název …název tabulky – … nový řádek … … buňka … – … konec řádku – … nový řádek … … buňka … – … konec řádku … konec tabulky

14 Formát tabulky … zarovnání, šířka a výška tabulky (% uvádějí š. (v.) vzhledem k monitoru) … šířka buňky

15 Podrobnější informace S:\ZADANI\HTML\html.doc –Soubor obsahující více příkazů jazyka HTML


Stáhnout ppt "HTML HyperText Markup Language Autor: Jitka Rybenská."

Podobné prezentace


Reklamy Google