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

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

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.

Podobné prezentace


Prezentace na téma: "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."— Transkript prezentace:

1 Krátký úvodní kurz HTML Jenyk 2012

2 Obecně 1 - html  V HTML jazyce nezáleží na rozložení a délce řádku, extrémem je napsat celý program v jednom řádku  Až na některé vybrané příkazy jsou všechny příkazy párové např. ble ble ble ble  Nezáleží na pořadí parametrů příkazu Jenyk, 2012

3 Obecně 2 - html  Programovací jazyk HTML je primitivní, nejdou v něm vytvářet složitější stránky, upravovat rozložení a dynamiku stránek.  Při zadávání výrazů a jejich ukončování je dobré dodržovat stejné pořadí. Např. ahoj.  Původní verze HTML nerozlišuje mezi velkými a malými písmeny, příkaz, i je funkčně naprosto stejný. Jenyk, 2012

4 Obecně 3 – html5 a xhtml  Nová verze jazyka html5 ale striktně používá při vytváření pouze malých písmen. Tedy.  Nyní se také používá při vytváření WWW stránek i jazyk xhtml, který je daleko přísnější ve svých požadavcích na syntaxi.  Navíc protože ale předpokládáme možnou provázanost s jazykem JavaScript, VBScript nebo PHP, které velikost písmen rozlišují a někdy vyžadují pro své příkazy malá písmena, je vhodné použít vždy raději malá písmena.  U nepárových příkazů např. se v syntaxi zápisu jazyka html5 používá upravený zápis, který zároveň označuje začátek i konec nepárového příkazu Jenyk, 2012

5 Ukázka zápisu hlavičky souboru html  (příkaz určující začátek HTML stránky)  (začátek hlavičky, která obsahuje definice stránky)  (nastavení českého prostředí, znaková sada)  (název stránky, vyhledávač ho dovede zpracovat)  (název stránky, vyhledávač ho dovede zpracovat)   Jenyk, 2012

6 Formátování  <body background=“vobrazy.jpg” nebo http://www.zsplzen.cz/znak.jpg“ bgcolor=“red” http://www.zsplzen.cz/znak.jpg http://www.zsplzen.cz/znak.jpg text=„barva textu“ link=„barva odkazu“ vlink=„barva navštíveného odkazu alink=„barva vybraných odkazů“>  další řádek  nebo odstavec  středění  blok textu Jenyk, 2012

7 Písmo  tučně  size = velikost 1 -7  kurziva  podtrženě  přeškrtnout  nadpis 1 - 5 Jenyk, 2012

8 Hypertextové odkazy   otevře jiné www okno otevře jiné www okno _self = ve stejném, _top = maximalizované, _blank = úplně nové, _parent = v nadřazeném   odkaz do pošty odkaz do pošty Jenyk, 2012

9 Vložení obrázku   border = rámeček width = šířka height = výška src = umístění title = popis Jenyk, 2012

10 Tabulky 1   border = rámeček cellSpacing = mezera mezi buňkami cellPadding = mezera uvnitř buňky bordercolor = barva rámečku Width = šířka tabulky v % nebo v pixelech Jenyk, 2012

11 Tabulky 2   Řádek tabulky :   height = výška   align = left, center, right   bordercolor =   bgcolor =   background =   valign = top, middle, bottom   nowrap Jenyk, 2012

12 Tabulky 3     buňka na řádku   width = šíře v % nebo pixelech   platí i ostatní parametry jako u tr Jenyk, 2012

13 Seznam  začátek seznamu  položka seznamu Jenyk, 2012

14 Vložení obrázku   src = adresa umístění alt = popis obrázku (žlutá nálepka) width = šíře výška = výška Není párový příkaz ! Jenyk, 2012

15 Vložení videa  img dynsrc="image\287_hugonis.jpg"  start="mouseover" nebo „fileopen“  loop="2" kolikrát  controls také tlačítko Ostatní parametry jako u obrázku. Nepárové. Jenyk, 2012

16 Vložení zvuku  bgsound src="image\paper020.wav"  loop="infinite„ = počet opakování loop = číslo nebo stále Jenyk, 2012

17 Další mediální prvky   - vložení vodorovné čáry - size = tloušťka, width = šíře - nepárová značka Jenyk, 2012

18 Další mediální prvky ahoj růžo - způsob vložení pohybujícího se textu Jenyk, 2012

19 Kaskádové styly 1  Umožňují předdefinovat vlastnosti písma, stránek a pod. <! - - h2 {font-family: verdana; font-size: 16pt; color: blue;} p {font-family: arial; font-size: 10pt; color: black;} -- > Jenyk, 2012

20 Kaskádové styly 2  Pokud definici stylu uložíte v sekci, platí vlastnosti pro celý dokument.  Pokud vytvářím nový styl, název začíná tečkou, např..cerveny {font-size: 12pt color=red}</style> Jenyk, 2012

21 Další zdroje informací  Programování stránek – Jak psát web http://www.jakpsatweb.cz http://www.jakpsatweb.cz  Obsahuje syntaxi HTML, HTML5, XHTML, HTML4, CSS  HTML pro začátečníky – http://www.html-pro- zacatecniky.wz.cz/page.php?page_no=0 http://www.html-pro- zacatecniky.wz.cz/page.php?page_no=0http://www.html-pro- zacatecniky.wz.cz/page.php?page_no=0  Kurz HTML, triky Jenyk, 2012


Stáhnout ppt "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."

Podobné prezentace


Reklamy Google