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/21.2609

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

HTML – PÍSMO, FONTY, BARVY

Ř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>

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.

Zobrazení v prohlížeči

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

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

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

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.

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.

Zobrazení v prohlížeči

Color (barva)

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

Ú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

Zobrazení v prohlížeči

Citace Ilustrace: Kopie obrazovek programu Poznámkový blok – vlastní tvorba autora www.office.microsoft.com www.office.microsoft.com