HTML. Barvy Co je to HTML soubor? HTML je zkratka Hyper Text Markup Language V HTML souboru je textový soubor proložen malými značkovacími.

Slides:



Advertisements
Podobné prezentace
Olomouc, únor 2012.
Advertisements

Jazyk HTML. Zdrojový kód  Elementy obsah obsah př. důležité př. důležité př. př.
Tagy neboli příkazy Olga Kasafírková Základy HTML.
Tvorba webových stránek
MS WORD II. ZÁKLADNÍ FORMÁTOVÁNÍ TEXTU Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Světlana Filipová. Materiál zpracován v rámci projektu.
WWW stránky.
Tvorba WWW stránek ÚVOD
Výpočetní technika 2008/09.
ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
Statické dokumenty v jazyce HTML Informatika pro ekonomy I přednáška 2, 3.
Základy HTML.
Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky
HyperText Markup Language
Jazyk HTML Název školyZákladní škola a Mateřská škola Tatenice Číslo projektuCZ Název šablony klíčové aktivity Inovace a zkvalitnění výuky pomocí.
Obchodní akademie a Střední odborná škola, gen. F. Fajtla, Louny, p.o. Osvoboditelů 380, Louny Číslo projektu CZ.1.07/1.5.00/ Číslo sady29Číslo DUM14.
Programování HTML stránek
Základy html pro úplné začátečníky.
Úvod do html kódu. Roman Hendrich
ZÁKLADNÍ TYPOGRAFICKÁ PRAVIDLA
TVORBA WEBOVÝCH STRÁNEK
VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Textové elementy.
WORD 2010 Karta Domů, skupina Písmo. Název a adresa školy: Střední odborné učiliště stavební, Opava, příspěvková organizace, Boženy Němcové 22/2309, 746.
Školení autorů distančních opor Inovace kombinovaného studia.
XHTML Tvorba webových stránek. Vývoj značkovacích jazyků HTML – HyperText Markup Language  Značkovací jazyk pro vytváření www stránek. Pomocí značek.
Formátování textu. Odstavce  tvoříme párovou značkou  text bude od ostatního textu oddělen Konec řádky  nepárová značka způsobuje ukončení řádku a.
Jazyk HTML.
VY_32_INOVACE_4.3.IVT1.11/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_258 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
Textový procesor (MS Word)
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_257 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně.
Formátování textuMgr. Karel Fischer1 Formátování textu Změny písma Typ písma je sada znaků abecedy specifická svým tvarem. Elektronickou formou typu písma.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
HTML, XHTML a CSS Základy jazyků značek.
Formátováním textu se rozumí změna jeho vlastností jako velikost, barva, typ, podtržení atd. Pokud chceme změnit některou z vlastností již napsaného textu,
Referát č.13 Textový editor (struktura textu – přiřazení stylu, formátování (vzhled) textu, změna stylu, typografická a estetická pravidla)
Inovace školy – Dobříš, EUpenizeskolam.cz
Návrh a tvorba WWW Cvičení 4
CSS styly Kaskádové styly (CSS – Cascading Style Sheets) jsou prostředkem, který zajišťuje jednotný vzhled publikovaných stránek. Technologii CSS podporují.
CSS Cascading Style Sheets Kaskádové styly
Gymnázium, Žamberk, Nádražní 48 Projekt: CZ.1.07/1.5.00/ Inovace ve vzdělávání na naší škole Název: Základy práce v textovém editoru Autor: Jaroslav.
Cvičení 1 - Řešení příkladu Zadání viz: cv1_samostatne.doc.
XHTML – formátování textu, vodorovná čára Mgr. Lenka Švancarová.
VY_32_INOVACE_4.3.IVT1.05/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS.
Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Vzdělávací oblast:Informační a komunikační technologie Předmět:Informatika Ročník: 6. Datum.
Textový editor.  Sada formátování, pomocí které lze rychle změnit vzhled textu, tabulek, …  Základ pro tvorbu rozsáhlých dokumentů  Důležité pro tvorbu.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
CSS – selektor class.tx { color: black; /* nastaví černou barvu písma */ } Selektor class (třída) použijeme pokud chceme určité vlastnosti definovat pro.
Jak učit tvorbu www stránek Navarová Adéla. Proč učit tvorbu www stránek? Prezentace na internetu (Výrobky, firmy, celebrity, kluby…)
Kaskádové styly Cascading Style Sheets. Využití CSS jde o jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML umožňuje.
VY_32_INOVACE_4.3.IVT1.07/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS formátování.
Styly CSS VýhodyDruhyZápis. Výhody CSS oddělení struktury od formátování oddělení struktury od formátování přilinkováním souboru styl.css lze formátovat.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Tvorba www stránek.
Programujeme v kódu HTML (Hyper Text Markup Language)
Tvorba www stránek – (01) úvod Autor: Mgr. Josef Motl Datum: , ročník: 7. ročník ZŠ Vzdělávací oblast: Informační technologie Anotace: Prezentace.
Inf Webová stránka, princip HTML a CSS. Výukový materiál Číslo projektu: CZ.1.07/1.5.00/ Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím.
HTML pokračování. Co obsahuje každý html dokument? stránka stránka ahoj světe HTML.
Elektronické učební materiály - II. stupeň Informatika – aplikace informačních technologií Autor: Bc. Pavel Šiktanc Internetové stránky II. Co se všechno.
Výpočetní technika VY_32_INOVACE_10_16_word.
NÁZEV ŠKOLY: Masarykova základní škola a mateřská škola Melč, okres Opava, příspěvková organizace ČÍSLO PROJEKTU: CZ.1.07/1.4.00/ AUTOR: Mgr. Vladimír.
Základy tvorby www stránky v HTML kódu.
WORDPAD Textový dokument.
FORMÁTOVÁNÍ DOKUMENTU
Inovace školy – Dobříš, EUpenizeskolam.cz
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Transkript prezentace:

HTML

Barvy

Co je to HTML soubor? HTML je zkratka Hyper Text Markup Language V HTML souboru je textový soubor proložen malými značkovacími tagy Značkovací tagy říkají Web prohlížeči jak zobrazit stránku. HTML soubor musí mít příponu htm nebo html HTML soubor můžeme vytvořit v textovém editoru

Ukázka struktury stránky Titulek stránky Toto je první stránka. Tento text je tučný - bold

Základní HTML tágy Tag Popis HTML – stránka Tělo stránky až Nadpisy – (velikost) Odstavec Zalomení řádku Horizontální linka Komentář

Formátování textu TagPopis Tučné písmo Velké písmo Zdůrazněný text Kurziva Malé písmo Silné písmo Dolní index Horní index Vložení textu Mazání textu Přeškrtnutý text Přeškrtnutý text Podtržený text

Formáty textu „Výstupní tagy“ TagPopis Výpis kódu Text z psacího stroje Ukázka- strojopis Dálnopis – strojopis Text pro proměnné – kurziva Text předem tvarovaný- preformatted Centrování textu na střed

Definované tágy TagPopis Abbreviation – zkrácený text Akronym - zkratka Ve formě adresy Řídící text Blok dlouhé citace odsazený blok na začátku i na konci Krátká citace citát Definovaný člen -kurziva

Atribut tagu VýznamHodnotyNahradit stylem color Barva písmabarvacolor size Velikost,stupeň písma 1 až 7font-size face Font,druh písma Jména fontů oddělenými čárkou font-family červené písmo červené písmo Arialem

Zvláštní znaky VýznamPopisJméno entityČíslo entity Non-breaking space&nbs;  <Less then&ls;< >Great then&gr;> &Ampersand&& „“Quotation"" ´apostrophe&apos;'

VýznamPopisJméno entityČíslo intity ¢Cent¢¢ £Pound££ ¥Yen¥¥ €Euro€€ §Section - část§§ ©Copyright©© ®Registered Trademark ®® ×Multiplication×× ÷division÷÷ Další zvláštní znaky