NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov

Prezentace na téma: "NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov"— Transkript prezentace:

1 NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
AUTOR: Ivana Mačková NÁZEV: VY_32_INOVACE_SADA5_INF.9.10 TÉMA: HTML – písmo, fonty, barvy ČÍSLO PROJEKTU: CZ.1.07/1.4.00/

2 Anotace Materiál HTML – písmo, fonty, barvy Vzdělávací obor
Informatika Tematický okruh HTML – tvorba www stránek Anotace Výukový materiál slouží k vysvětlení a procvičení příkazů pro písmo, fonty a barvy při tvorbě html dokumentů. Očekávaný výstup Žák pochopí význam příkazů pro písmo, fonty a barvy v html dokumentech; poznatky aplikuje při řešení úloh. Druh učebního materiálu Prezentace Stupeň a typ vzdělávání Základní vzdělávání – druhý stupeň, 9. ročník

3 HTML – PÍSMO, FONTY, BARVY

4 ŘEZY PÍSMA Řez písma Tag Tučné písmo <b> Podtržené písmo
Řez písma zadáváme pomocí párových tagů. Text, který má být napsán písmem určitého řezu, píšeme mezi tyto tagy. Řez písma Tag Tučné písmo <b> Podtržené písmo <u> Přeškrtnuté písmo <s> Kurzíva <i> Písmo psacího stroje <tt> Index dolní <sub> Index horní <sup> Malé písmo <small> Velké písmo <big>

5 PŘÍKLAD: Vytvořte v poznámkovém bloku tento dokument, uložte jej pod názvem rezypisma.html a zobrazte v prohlížeči.

6 Zobrazení v prohlížeči

7 ÚKOL: Vytvořte v poznámkovém bloku dokument, který je v prohlížeči zobrazen takto:

8 Takto musí vypadat html dokument:
Koncový vícenásobný tag musí být v obráceném pořadí než počáteční!!!

9 Zobrazení v prohlížeči
Znak krát (násobení) píšeme jako entitu · . Zobrazení v prohlížeči

10 FONTY Size (velikost) <font> ……………..</font>
V textu můžeme měnit nejen řezy písma, ale i celé fonty. Font je párový tag <font> ……………..</font> Parametry tohoto tagu jsou: size – velikost písma color – barva písma face – font písma Size (velikost) Přednastavený font má velikost 3.

11 PŘÍKLAD: Vytvořte v poznámkovém bloku tento dokument, uložte jej pod názvem pismosize.html a zobrazte v prohlížeči.

12 Zobrazení v prohlížeči

13 Color (barva)

14 Face (font) Přednastavený font je patkové písmo Times New Roman.

15 ÚKOL: Vytvořte v poznámkovém bloku dokument podle zadání, uložte jej pod názvem pismoukol.html a zobrazte v prohlížeči. Základní škola J. Bublíka (tučně, modře, font Arial, velikost 4) Základní škola J. Bublíka (kurzíva, červeně, font Verdana, velikost 2) Základní škola J. Bublíka (podtrženě, fialově, font Castellar, velikost 6) Základní škola J. Bublíka (tučně, hnědě, font Cambria, velikost 3) Html dokument

16 Zobrazení v prohlížeči

17 Citace Ilustrace: Kopie obrazovek programu Poznámkový blok – vlastní tvorba autora