Základy programovacího jazyka
HTML Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP
Název školy:
STŘEDNÍ ODBORNÁ ŠKOLA a STŘEDNÍ ODBORNÉ UČILIŠTĚ, Česká Lípa, 28. října 2707, příspěvková organizace
Číslo a název projektu:
CZ.1.07/1.5.00/34.0880 Digitální učební materiály – www.skolalipa.cz
Číslo a název šablony klíčové aktivity: Označení materiálu:
III/ 2 – ICT pro studijní obor Mechanik elektronik
Typ materiálu:
PowerPointová prezentace
Předmět, ročník, obor:
ICT – 1. až 4. ročník studijní obor Mechanik elektronik
Číslo a název sady:
sada č. 57 - ICT pro studijní obor Mechanik elektronik
Téma:
Základy programovacího jazyka HTML
Jméno a příjmení autora: Datum vytvoření:
Ing. Jan Nožička
Anotace:
Materiál slouží k objasnění základních příkazů, skladby a syntaxi programovacího skriptovacího jazyka HTML. Skládání HTML pomoci skriptovacích serverových jazyků.
VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP
1. 10.2012
HTML HTML je značkovací jazyk. Pomoci HTML označujeme text, části textu, objekty, aby prohlížeč věděl jak ho má zobrazit. Používané značky se nazývají TAGY. Je několik verzí HTML kódu.
HTML Co je potřeba pro psaní HTML kódu • Textový editor, který ukládá čistý text (notepad) • Speciální editor HTML kódu (Pspad, Eclipse)
• Internetový prohlížeč (IE, Mozila, FireFox, Chrom) • Počítač i bez připojení na internet • Znalosti ukládání souborů na disk, strukturu adresářů (složek)
HTML Uložení souboru na disk 1. Vytvořte si na disku složku, třeba „pokus“ (d:\pokus) 2. Do složky „pokus“ vytvořte další složky • html – zde budeme ukládat další soubory *.html • css – zde se budou ukládat soubory *.css • images – zde se budou ukládat všechny obrázky 3. Do složky „pokus“ vytvořte první textový soubor s názvem „index.html“ – to je hlavní spouštěcí soubor našeho pokusného webu 4. Otevřete si „index.html“ v editoru (třeba PSPad)
HTML Pojem TAG a syntaxe TAG – je pojmenovaná značka pro html kód TAG – musí mít vždy začátek a konec (jako závorky v matematice) TAG – je uložen do špičatých závorek TAG – máme dva druhy • Párové – začátek a konec je samostatná značka • Nepárový – jen jedna značka Příklady: ;
;
HTML Pojem TAG a syntaxe - pokračování TAG – má atributy (parametry) • ID – identifikátor, je jedinečný (id=“frantisek“) • CLASS – identifikátor skupiny (class=“třída“) • NAME – identifikátor jména jako ID (name=“frantisek“) • WIDTH – šířka tagu (width=“250px“) • HEIGHT – výška tagu (height=“150px“) • COLOR – barva písma (color=“red“) Atributy, nastavení se dají ukládat do dalšího souboru a to s koncovkou „*.css“, ale to později.
HTML Povinná struktura souboru *.html <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> Začátek a konec stránky
Můj první WEB Hlavička stránky Nastavení kódové tabulky znaků V jakém editoru byla stránka
zhotovena – není povinná Titulek stránky – na okraji prohlížeče Tělo stránky, vše co se zde napíše se zobrazí v prohlížeči.
HTML TAGy a syntaxe
,
- vymezení nadpisu první úrovně.
,
- nadpis druhé úrovně (až šest úrovní)
,
- vymezení odstavce.
, - text mezi těmito tagy bude tučný.
, - kurzíva <span>, - dvojice tagů vymezující odlišný text.<span style="color: red">,
- zalomení řádky, měkký enter.
- vložení obrázku
- hypertextový odkaz na adresu
HTML TAGy a syntaxe - pokračování tag a
Význam odkaz, hyperlink, záložka
Párový ano
Použití, umístění kdekoliv kromě
abbr
ustálený výraz
ano
normální
accesskey funkční klávesa
odkazy a formulářová pole
acronym
zkratka
ano
normální
address
adresa
ano
applet
Java aplet
ano
area
oblast v klikací mapě
ne
<map>
b
tučné písmo
ano
ano
base
základ odkazů
ne
basefont
základní font
ne
ne
bgsound
zvuk na pozadí
ano
Internet Explorer
big
zvětšení písma
ano
blink
blikání písma
ano
ne
blockquote citace, odsazení
ano
br
řádkový zlom
ne
button
tlačítko
ano