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

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

HTML Základy HTML aneb Jak si vytvořit základní stránku pomocí HTML.

Podobné prezentace


Prezentace na téma: "HTML Základy HTML aneb Jak si vytvořit základní stránku pomocí HTML."— Transkript prezentace:

1 HTML Základy HTML aneb Jak si vytvořit základní stránku pomocí HTML

2 Co je to HTML? HyperText MarkUp Language Obyčejný text obohacený značkami – tagy Soubor s příslušnou příponou - *.html

3 Jak vypadají tagy? Uzavírají se do špičatých závorek - <> Dělíme je na –Párové - mají začátek a konec text Př.: Nadpis 1. úrovně (stejné jméno tagu, ale koncovému předchází lomítko „/“) –Nepárové – mají pouze začátek Př.: Tagy mohou obsahovat atributy a jejich hodnoty. V tomto případě se ukončuje pouze příkaz tagu! Př.: text dokumentu

4 Základní struktura stránky Jméno samotný kód stránky hlavička tělo typ dokumentu

5 Doctype V podstatě říká „překladateli“ – prohlížeči v jakém jazyce mluvíte Pro naše účely můžeme vynechat – ale může nám to způsobit nesrovnalosti některých příkazů v různých prohlížečích Všechen následující text je uzavřen do tagů:

6 Hlavička Musí být v každém dokumentu Obsahuje název – uzavřen do tagů: a tagy –např. tag týkající se kódování

7 Pozadí Platí všeobecná zásada – žádné pozadí, dobré pozadí. Nicméně máme 2 možnosti: –1. Tapeta –2. Obrázek

8 Nadpisy Nadpis první úrovně Nadpis druhé úrovně Nadpis třetí úrovně Nadpis čtvrté úrovně

9 Úpravy písma Řez písma – tučné – kurzíva – podtržené – přeškrtnuté Velikost písma – menší – větší – písmo o velikosti 3 body (rozmezí 1-7)

10 Hrátky s řádky ohraničení odstavce zalomení řádku (nepárový tag) dolní index horní index

11 Zarovnání textu odstavec zarovnaný na střed odstavec zarovnaný vpravo odstavec zarovnaný vlevo odstavec zarovnaný do bloku

12 Jak zapisovat barvy Způsob zápisuPříklad tagu pro červenou barvu Jménem v angličtině Procentuálním RGB Desetinným RGB Šestnáctkovým RGB Zkráceným šestnáctkovým RGB Přesnější info o barvách

13 Příklad použití Dokument je psán červeným písmem, bílé pozadí, odkazy jsou psány modře, navštívené odkazy jsou zelené. Více o barvách odkazů

14 Obrázky Přesnější specifikace rozměrů Více o obrázcíchVíce o obrázcích a jejich přípravějejich přípravě

15 Odkazy Relativní – určuje trasu mezi adresáři text, kterým se odkazuji Absolutní – umístění je jednoznačně určeno text, kterým se odkazuji Něco více o odkazech

16 Tabulka Začíná vždy a končí Každý řádek začíná a končí Každá buňka řádku začíná a končí Příklad: text 1.ř, 1.sl text 1.ř, 2.sl text 2.ř, 1.sl text 2.ř, 2.sl

17 Seznam s odrážkami odrážkový seznam Položka seznamu s odrážkami Př.: 1. položka seznamu 2. položka seznamu

18 Další informace najdete mimo jiné na stránkách: které byly i mým zdrojem. Hodně zdaru při práci!


Stáhnout ppt "HTML Základy HTML aneb Jak si vytvořit základní stránku pomocí HTML."

Podobné prezentace


Reklamy Google