HTML - značkovací jazyk - História úprav

Juraj na 09:17, 18. január 2011

2011-01-18T09:17:16Z

Juraj: /* Odkaz */

2010-09-21T19:31:02Z

Odkaz

Juraj: /* Tabuľka */

2010-09-21T19:30:44Z

Tabuľka

Juraj: /* Input */

2010-09-21T19:29:48Z

Input

Juraj na 18:48, 21. september 2010

2010-09-21T18:48:07Z

Zobraziť rozdiely

Juraj na 11:32, 21. september 2010

2010-09-21T11:32:14Z

Juraj na 09:58, 21. september 2010

2010-09-21T09:58:33Z

Zobraziť rozdiely

Juraj: /* Obrázok */

2010-09-21T08:32:39Z

Obrázok

Juraj: /* Obrázok */

2010-09-21T08:31:46Z

Obrázok

Juraj: /* Odstavec */

2010-09-21T06:23:13Z

Odstavec

@@ Riadok 658: / Riadok 658: @@
 '''HTML element''': <nowiki><form></nowiki><ref>form - http://www.w3schools.com/tags/tag_form.asp</ref>
-'''Funkcia:'''Na stránku vloží formulár.
+'''Funkcia:''' Na stránku vloží formulár.
 Povinné atribúty:
@@ Riadok 712: / Riadok 712: @@
 </form>
 </source>
-<div style="border:1px solid green">
-[[Súbor:html form.png]]
+[[Súbor:html form.png|frame|center|Ukážka jednoduchého HTML formulára]]
-</div>
-====Input====
+====Element input====
 '''HTML element''': <nowiki><input></nowiki><ref>input - http://www.w3schools.com/tags/tag_input.asp</ref>
@@ Riadok 808: / Riadok 808: @@
 </form>
 </source>
-====textarea====
+[[Súbor:html form2.png|frame|center|Ukážka možností HTML elementu input]]
 '''HTML element''': <nowiki><textarea></nowiki><ref>input - http://www.w3schools.com/tags/tag_textarea.asp</ref>
@@ Riadok 852: / Riadok 852: @@
 |Určuje, či je element len na čítanie. Platí len pre type="text" alebo type="password"
 |}
 ====select====
 '''HTML element''': <nowiki><select>, <option></nowiki><ref>select - http://www.w3schools.com/tags/tag_select.asp</ref>
@@ Riadok 935: / Riadok 936: @@
 </source>
-<div style="border:1px solid green">
-[[Súbor:html form3.png]]
+[[Súbor:html form3.png|frame|center|Ukážka možností HTML elementu textarea a select]]
-</div>
 ===Kontajner===
 '''HTML element''': <nowiki> <div></nowiki><ref>div- http://www.w3schools.com/tags/tag_div.asp</ref>

@@ Riadok 335: / Riadok 335: @@
 |'''target'''
 |_blank
 _parent
 _self
 _top
 |Definuje kde sa otvorí odkazovaný dokument.
@@ Riadok 353: / Riadok 356: @@
 [[#HTML hlavička]]
 </div>
 ===Zoznam===
 '''HTML element''': <nowiki><ul>, <ol>, <li></nowiki><ref>element ul - http://www.w3schools.com/tags/tag_ul.asp</ref>

@@ Riadok 422: / Riadok 422: @@
 |'''align'''
 |left
 center
 right
 |<span style="color:red">Neschválený atribút</span>. Zarovnanie tabuľky.
@@ Riadok 440: / Riadok 442: @@
 |'''rules'''
 |none
 groups
 rows
 cols
 all
 |Definuje ktoré časti vnútorného okraja budú viditeľné
@@ Riadok 472: / Riadok 478: @@
 center
 justify
 char
 |Zarovanie obsahu v riadku tabuľky
@@ Riadok 512: / Riadok 520: @@
 |'''align'''
 |left
 right
@@ Riadok 544: / Riadok 553: @@
 |'''scope'''
 |col
 colgroup
 row
@@ Riadok 552: / Riadok 563: @@
 |'''valign'''
 |top
 middle

@@ Riadok 750: / Riadok 750: @@
 |button
 checkbox
 file
@@ Riadok 796: / Riadok 795: @@
 [[Súbor:html form2.png]]
 </div>
 ====textarea====
 '''HTML element''': <nowiki><textarea></nowiki><ref>input - http://www.w3schools.com/tags/tag_textarea.asp</ref>

@@ Riadok 639: / Riadok 639: @@
 ===Formulár===
 {|class="wikitable"
 |-
@@ Riadok 645: / Riadok 651: @@
 !Popis
 |-
+|
+|
+|
 |}
 Príklad použitia:
 <source lang="html4strict">
 </source>
 <div style="border:1px solid green">
 </div>
 ===Kontajner===
 {|class="wikitable"

@@ Riadok 298: / Riadok 298: @@
 '''Výsledok:'''
-<div style="background-color:#FFFF66">
+<div style="border:1px solid green">
 [[Súbor:Wiki praca.png]]
 [[Súbor:Wiki praca 200.png]]

@@ Riadok 300: / Riadok 300: @@
 <div style="background-color:#FFFF66">
 [[Súbor:Wiki praca.png]]
-[[Súbor:Wiki praca.png|200px]]
+[[Súbor:Wiki praca 200.png]]
 </div>
 ===Odkaz===
 '''HTML element''': <nowiki><a></nowiki><ref>element a - http://www.w3schools.com/tags/tag_a.asp</ref>

@@ Riadok 221: / Riadok 221: @@
 <p align="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit....</p>
 <p align="center">Lorem ipsum dolor sit amet, consectetur adipiscing elit....</p>
-<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit....</p>
+<p align="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit....</p>
 </source>
@@ Riadok 228: / Riadok 228: @@
 <p align="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis odio ut sapien iaculis tristique. Sed rhoncus euismod nisi, a porttitor velit dapibus eget. Morbi massa orci, varius in consequat ut, euismod sed velit. Sed eget erat tortor, a ullamcorper metus. Nam quis sapien leo</p>
 <p align="center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis odio ut sapien iaculis tristique. Sed rhoncus euismod nisi, a porttitor velit dapibus eget. Morbi massa orci, varius in consequat ut, euismod sed velit. Sed eget erat tortor, a ullamcorper metus. Nam quis sapien leo</p>
-<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis odio ut sapien iaculis tristique. Sed rhoncus euismod nisi, a porttitor velit dapibus eget. Morbi massa orci, varius in consequat ut, euismod sed velit. Sed eget erat tortor, a ullamcorper metus. Nam quis sapien leo</p>
+<p align="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis odio ut sapien iaculis tristique. Sed rhoncus euismod nisi, a porttitor velit dapibus eget. Morbi massa orci, varius in consequat ut, euismod sed velit. Sed eget erat tortor, a ullamcorper metus. Nam quis sapien leo</p>
 </div>
 ===Obrázok===
 '''HTML element''': <nowiki><img></nowiki><ref>element img - http://www.w3schools.com/tags/tag_img.asp</ref>