Üdvözlünk a 12.B informatika szakmacsoport weblapján

2013-2014

Ibrányi Móricz Zsigmond Gimnázium, Szakközépiskola és Szakiskola

A demo weboldal html és css forrása

Katona László - 2013.10.31

Ennek a konkrét weboldalanak a forrása letölthető itt: HTML és a CSS

Az első cikk címe

Katona László - 2013.10.07

Ez a szöveg az első cikk tartalma. Célja, hogy általános körülmények köztt tesztelhessük a formátumokat, kipróbálhassuk a formázást. Ha nem megfelelő szöveggel tesztelünk, nem veszünk észre olyan hibákat, amelyek más esetben nyilvánvalóak lennének. Minél hosszabb a szöveg, annál jobban lehet látni rajta azokat a bekezdésformátumokat, amelyeket majd CSS-sel beállítunk. Több soros szöveg esetén is jól láthatóak leszenek ezek a beállítások.

A wbeoldalon használt rövidítések magyarázatában segít az <abbr> tag. Ennek a tag-nak a "title" attribútumában megadott szöveg jelenik meg akkor, ha rávisszük a rövidítésre az egeret. Így lehet megmagyarázni pl. a következő rövidítéseket is: HTML, CSS, JS, ABBR.

Betűtípusok tesztelése

Katona László - 2013.10.07

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Marcellus SC

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Dosis

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Voces

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Noto Sans

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - BenchNine

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Poiret One

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Duru Sans

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - PT Sans Narrow

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Ubuntu

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Marcellus

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Exo

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Clicker Script

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Ubuntu Condensed

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Varela

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Doppio One

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Oxygen

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Open Sans Condensed

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Oswald

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Archivo Narrow

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Advent Pro

Kék az ég, zöld a fű, a betűtípus így gyönyörű! Árvíztűrő tükörfúrógép - Forum

Címsorok tesztelése - Első szintű címsor

Katona László - 2013.10.06

Phasellus at justo lectus. Vestibulum in dui non lectus elementum aliquet sed eget orci. Morbi suscipit, elit vulputate sollicitudin interdum, elit justo consequat ante, at ullamcorper felis odio id ligula. Proin semper suscipit dui, eu mollis arcu eleifend sed. Etiam egestas ligula ut magna ullamcorper posuere.

Sed venenatis consequat consectetur. Morbi vitae urna dolor. Etiam ultrices justo in sem placerat rutrum venenatis quam egestas. Morbi pellentesque pellentesque aliquam. Donec iaculis varius dolor, nec auctor est rutrum nec. Integer vitae arcu urna, fermentum tincidunt nunc. Nam ullamcorper volutpat justo, quis consequat felis ullamcorper sit amet. Proin pellentesque vestibulum metus, quis porttitor libero mattis nec. Nulla porttitor mattis dapibus. Quisque aliquet ornare lectus eget hendrerih...

Árvíztűrő Tükörfúrógép H2

„Sed erat quam, ultrices at sagittis at, pellentesque a risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer non congue arcu.” Sed ut bibendum mi. In luctus neque eget mauris tincidunt quis varius ligula lobortis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Árvíztűrő Tükörfúrógép H3

Cras sagittis posuere arcu, at venenatis nisi posuere vel. Vivamus placerat blandit cursus. Suspendisse potenti. Aliquam vulputate massa vel nulla tempus quis mollis tellus pretium. Morbi a odio metus, tincidunt dictum diam.

Árvíztűrő Tükörfúrógép H4 - egymás utáni bekezdések

Donec bibendum consequat leo, in dignissim lectus consequat a. Nulla sollicitudin gravida vestibulum. Donec et lectus augue, eu imperdiet quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras elit ipsum, iaculis a dapibus nec, eleifend ut tortor. Fusce dignissim consequat dolor a sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula lacus tempus lectus bibendum a sollicitudin ante iaculis. Pellentesque rutrum nulla vitae enim rhoncus at porttitor tortor semper. Quisque imperdiet ipsum eu orci tincidunt iaculis. Morbi ac egestas justo. Duis at viverra enim. Pellentesque at odio vitae eros placerat dignissim. Maecenas pharetra ullamcorper bibendum. Donec leo sapien, mattis ut cursus non, ultrices quis nibh.

Felsorolások tesztelése

Katona László - 2013.10.05

Sorszámozott lista, számozás

Ordered list

A lista első eleme
A lista második eleme
A lista harmadik eleme
A lista negyedik eleme
A lista ötödik eleme
A lista hatodik eleme
A lista hetedik eleme
A lista nyolcadik eleme
A lista kilencedik eleme
A lista tizedik eleme
A lista tizenegyedik eleme
A lista tizenkettedik eleme
1. Többszintű lista. Lista a listában
2. A 2. elem
3. A harmadik elem
4. A negyedik elem
5. Az 5. elem
Folytatódik az eredeti lista
Az eredeti lista utolsó eleme

Számozatlan lista, felsorolás

Katona László - 2013.10.04

Unordered list

Számozatlan lista 1. eleme
Számozatlan lista 2. eleme
Számozatlan lista 3. eleme
Számozatlan lista 4. eleme
Számozatlan lista 5. eleme

Táblázat tesztelése

Katona László - 2013.10.03

A táblázat címe
Színek	Autók	Sportágak	Versenyzők	Összevonások
Kék	Subaru Impreza WRC	Rally	Petter Solberg
Piros	Citroen C3 WRC	Rally	Sebastian Loeb	9-szeres rally világbajnok
Zöld	Skoda Fabia S2000	Rally	Andreas Mikkelsen	Összevont cellák függőlegesen
Fekete	Honda Civic WTCC	WTCC	Michelisz Norbert	Összevont cellák függőlegesen