HTML Text, seznamy, tabulky. Formátování textu Tučné... Kurzíva … Velké … Malé … Dolní index … Horní index … Přeškrtnuté … Podtržené … MOŽNO KOMBINOVAT.

Slides:



Advertisements
Podobné prezentace
Základy HTML – vkládání objektů
Advertisements

Jazyk HTML. Zdrojový kód  Elementy obsah obsah př. důležité př. důležité př. př.
WWW stránky.
Referát č. 22 Tvorba webových stránek (Struktura webu, struktura HTML dokumentu, vytvoření webové stránky exportem z aplikačního programu, provázání.
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.
VY_32_INOVACE_4.3.IVT1.15/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.
TNPW1 Technologie pro publikování na webu Přednáška č. 4 seznamy seznamy tabulky tabulky jejich sémantika jejich sémantika Ing. Martin Adámek Katedra informačních.
Tvorba www stránek Obrázky, animace a transparentnost, grafická menu a klikací oblasti obrázku (1.část) Ing. Miroslav Vachůn, Ph.D.
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
Statické dokumenty v jazyce HTML Informatika pro ekonomy I přednáška 2, 3.
Základy HTML.
Mgr. Vlastislav Kučera přednáška č. 5.  Seznamy  CSS – vlastnosti seznamů ◦ list-style-type, list-style-image, list-style-position  Tabulky  CSS –
Tvorba www stránek VLOŽENÍ OBRÁZKŮ ICT 4.ročník. Vložení obrázku OBRÁZEK NA WEBOVÝCH STRÁNKÁCH Binární data – ukládáme do samostatných složek (IMAGE,
Programování HTML stránek
HTML HyperText Markup Language 3. část Ústav automatizace inženýrských úloh a informatiky FAST VUT v Brně 0U2 - Základy informatiky a výpočetní techniky.
Úvod do html kódu. Roman Hendrich
14SIAP – SÍTĚ A PROTOKOLY Hodina 2..
TAGY A STRUKTURA WEBOVÉ STRÁNKY. web – skupina webových stránek a dalších souborů (styly, obrázky, …), které na sebe navzájem odkazují jazyky pro psaní.
Tematická oblast: Aplikační software pro práci s informacemi II.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
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.
KASKÁDOVÉ STYLY 4.
Úvod do HTML a tvorby webových stránek
Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.
HTML (XHTML) 2. 2 HYPERTEXTOVÉ ODKAZY Odkaz může ukazovat na různá místa v internetu, na další Vaše internetové stránky nebo obrázky či jiné dokumenty.
Tabulky v XHTML. Tabulka pro vytvoření tabulky používáme element table pro vytvoření tabulky používáme element table uvnitř elementu table se mohou vyskytovat.
XHTML – tabulky Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.
Čí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.
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 – style Mgr. Lenka Švancarová. CSS – značka style (textstyle.html)
TNPW1 Cvičení
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_259 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
David Klíma- 1 - Obrázky na webu Než dám obrázek na web co musím udělat? Získat ho Upravit Zmenšit na publikovatelnou formu POZOR! někdy se obrázek natahuje.
CSS Cascading Style Sheets Kaskádové styly
Cvičení 1 - Řešení příkladu Zadání viz: cv1_samostatne.doc.
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:
Obchodní akademie a Střední odborná škola, gen. F. Fajtla, Louny, p.o. Osvoboditelů 380, Louny Číslo projektuCZ.1.07/1.5.00/ Číslo sady29Číslo DUM16.
Tvorba webu Jazyk HTML, úvod
Tvorba www stránek Seznam, tabulky, grafika a barvy (1.část) Ing. Miroslav Vachůn, Ph.D.
XHTML – formátování textu, vodorovná čára Mgr. Lenka Švancarová.
Obrázky v HTML dokumentech Druhy a použití. Obrázky + Zvyšují atraktivitu stránek. + Zvyšují vypovídací schopnost stránek. - Zvyšují dobu načítání stránky.
CO NÁS ČEKÁ ve cvičení 5 Oč. - KIT PEF CZU 1. O DKAZY Chceme-li, aby čtenář naší html stránky někam odklepnul..... Oč. - KIT PEF CZU.
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.
HTML JAZYK Výuka HTML jazyka pro střední školy. 1. Jazyk HTML Standardní značkovací jazyk používaný pro dokumenty na webu. Jazyk HTML pomocí tágů (značek)
Párová a nepárová značka, atributy a jejich hodnoty
VY_32_INOVACE_4.3.IVT1.13/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.
HTML – TABULKY. - uzavírá celou strukturu tabulky atributy tabulky:  align - obtékání tabulky ostatním textem – right, left, center  cellpadding – vnitřní.
Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.
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.
Kristýna Krejčí, Aneta Smyčková, Tereza Kryzanová, Zuzana Purová 9.B.
HTML - vložení obrázku značka pro vložení obrázku : <img>
Tvorba www stránok.
Krátký úvodní kurz HTML Jenyk Obecně 1 - html  V HTML jazyce nezáleží na rozložení a délce řádku, extrémem je napsat celý program v jednom řádku.
Základy tvorby www stránky v HTML kódu.
Tvorba WEBOVÝCH stránek – tabulky
Tvorba WEBOVÝCH stránek – základní TAGY
WORDPAD Textový dokument.
Tvorba webových stránek - tabulka
Co je to webová prezentace?
Inf Tvorba WWW – tabulky a seznamy
Tvorba WEBOVÝCH stránek – obrázky
Tabulky a prostředí tabular
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Jazyk HTML (1) Jazyk HTML (Hypertext Markup Language) se používá pro vytváření Web Pages (www stránek) HTML používá text a sadu formátovacích značek, označovaných.
Typy tagů stylové (formátovací) - tučné , šikmé , styl , písmo  ... strukturální- odstavce , nadpisy , seznamy , tabulky  ...
Layout v Xamarin.Forms Polohovací prvky
Transkript prezentace:

HTML Text, seznamy, tabulky

Formátování textu Tučné... Kurzíva … Velké … Malé … Dolní index … Horní index … Přeškrtnuté … Podtržené … MOŽNO KOMBINOVAT Příklad: text text

Velikost, barva, typ … Attributy Size1-7(standard 3) Coloranglicky, nebo RGB # Facetyp fontu musi existovat na počítači Příklad: text

Odrážkový seznam první položka druhá položka první položka druhá položka uzavírací tag je nepovinný

Odrážkový seznam: type první položka druhá položka Type: disc, circle, square první položka druhá položka

Číslovaný Seznam první položka druhá položka 1.první položka 2.druhá položka

Číslovaný Seznam – type první položka druhá položka Type : 1, I, i, A, a

Číslovaný Seznam – malá arabská první položka druhá položka Type : 1, I, i, A, a a. první položka b. druhá položka

Číslovaný Seznam - velká arabská první položka druhá položka A. první položka B. druhá položka

Číslovaný Seznam - velká římská první položka druhá položka I. první položka II. druhá položka

Číslovaný Seznam - malá římská první položka druhá položka i. první položka ii. druhá položka

Číslovaný Seznam - start první položka druhá položka 5. první položka 6. druhá položka

Vnoření Seznamů první položka druhá položka podpoložka 1.první položka 2.druhá položka podpoložka

Tabulky buňka11buňka12 buňka21buňka22 Tabulka má řádky a sloupce buněk tagy: … …

Tabulky První buňka prvního řádku Druhá buňka prvního řádku První buňka druhého řádku Druhá buňka druhého řádku Definice řádku Definice buňky Definice tabulky

Table atributy cellpaddingvnitřní okraj buněkpixely cellspacingvnější okraj buněkpixely borderšířka rámečku buněkpixely widthšířka tabulky heightvýška backgroundobrázek na pozadí bgcolorbarva pozadí bordercolorbarva rámečku

Table atributy: příklady … …

TR table row Řádek tabulky. Musí být uvnitř elementu a smí obsahovat pouze buňky ( a ).

TD table data Buňka tabulky. Musí být umístěna v řádku Atributy: –align: horizontální zarovnání obsahu : left, center, right, justify –valign: vertikální zarovnání obsahu: top, middle, bottom, baseline –rowspan: spojení buněk v řádku počet přesahujících řádků –colspan: spojení buněk ve sloupci počet přesahujících sloupců

TH table head Hlavičková buňka. Chová se úplně stejně jako pouze s tím rozdílem, že text je tučný a v buňkách vystředěný. Má stejný zápis i atributy jako.

TD,TH příklad tabulka mesic plat leden unor Tabulka mesicplat leden25000 unor26000

TD,TH příklad ref unas obr refunas obr