Móricz Zsigmond Gimnázium, Szakközépiskola

12.A Info tagozat HTML 5 bemutató oldal

Ibrány

Hírblokkok, ez egy nagy cím

Az oldal célja

Ez az oldal azért jött létre, hogy bemutassa azokat az ismereteket,
melyeket az osztály az Informatika Alapozó Ismeretek illetve Gyakorlat órán tanultak a weblapszerkesztésről.

A weblapszerkesztést első sorban a HTML nyelv használata jelenti.

A tananyag során remélhetőleg a következő ismeretek kerülnek terítékre:

  1. HTML 5
  2. CSS 3
  3. Javascript
  4. PHP

Köszönet

Köszönetet mondunk Katona László "klacix" tanárúrnak az áldozatos munkájáért és a sok türelméért!

Ebben a részben egy képet szúrunk be a dokumentumba

Western Digital GreenPower 2TB vincseszter

Címsorok tesztelése 1-4-ig

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

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.

Á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.

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...

Ezek fejezetek, szekciók, különálló részek

Because all the columns are floated, this layout uses a clear:both declaration in the footer rule. This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a <br class="clearfloat" /> or <div class="clearfloat"></div> after your final floated column (but before the .container closes). This will have the same clearing effect.

Mitha egy újság cikkjei lennének

Itt található némi szöveg a cím alatt, ami magyarázatul szolgálhat a táblázat adataira

A táblázat címe
Az oszlop felírata TH-val A 2. oszlop felírata A harmadik oszlop felírata
Cella szövege Egymás melletti két egyesített cella szövege
Itt két egymás alatti egyesített cella látható Második cella Harmadik cella
Kék Sárga