A www alapelemei

HTML 5 alapelemei

     html5.png

 

html5 1

  

<header> – Címsor/fejléc elem. Általában a szakasz címsorát (h1-h6 vagy hgroup) helyezik itt el.

<nav> – Itt kapnak helyet az oldal fontosabb navigációs (más helyekre mutató) elemei

<article> – egy önálló tartalommal rendelkező rész.

<section> – Ez képviseli a tartalom egyes fejezeteit.

<aside> – Egy olyan oldalsávot („dobozt”) jelöl, amely a tartalomhoz nem feltétlenül kapcsolódik, de annak mégis szerves része.

<footer> – Lábléc, jellemzően kapcsolati adatokat, vagy az adott szakaszhoz tartozó információkat jelenít meg.

 HTML 5 cimkék

       Cimke, mi és hogyan jelenjen meg a weboldalon

Tag (címke)

Leírás

<p>Bekezdés</p>

Bekezdés (paragraph)

<h1>Címsor 1</h1>

Egyes címsorszint (heading)

<h6>Címsor 6</h6>

Hatos címsorszint (heading) (a közbenső szintek értelemszerűen h2, h3, h4, h5)

<b>szöveg</b>

Félkövér (bold) szöveg (kulcsszavak jelölése)

<i>szöveg</i>

Dőlt (italic) kiemelés (eltérő hangulatú szöveg, latin nevek)

<strong>fontos szöveg</strong>

Fontos, erősen kiemelt (strong) szöveg

<em>hangsúlyos szöveg</em>

Hangsúlyosan kiemelt (emphasis) szöveg

<br>

Sortörés (break)

<img src="uri" alt="leírás"
width="" height="">

A megadott forráson (source) elérhető kép (image) beszúrása leírással (alternate), megadott szélességben (width), magasságban (height).

<figure>
(ide illesztjük be a képet, stb.)
<figcaption>Felirat </figcaption>
</figure>

Illusztráció (figure) felirattal (figure caption)

<ul>
<li>listaelem</li>
</ul>

Felsoroláslista (unordered list) listaelemmel (list item)

<ol>
<li>listaelem</li>
</ol>

Sorszámozott lista (ordered list) listaelemmel (list item)

<a href="uri">Link szövege</a>

Hiperhivatkozás (link) (a=anchor, href=hyperlink reference)

<video controls width="" height="">
<source src="mp4_videó_url"
type="video/mp4">
</video>

Videó (mp4) (video) beillesztése, vezérlő eszköztárral (controls), megadott szélességben (width), magasságban (height). A forrás elérhetőségét (source) és típusát (type) is meg kell adjuk.

<audio controls>
<source src="mp3_hang_url"
type="audio/mpeg">
</audio>

Hangállomány (mp3) (audio) beillesztése, vezérlő eszköztárral (controls). A forrás elérhetőségét (source) és típusát (type) is meg kell adjuk.

<!-- megjegyzés -->

Megjegyzés (comment) elhelyezése a HTML-kódban

<table>
<caption></caption>
<tr>
    <th></th>
    <td></td>
</tr>
</table>

Táblázat (table) elhelyezése:
• table: táblázat
• caption: felirat
• tr: táblázat sora (table row)
• th: fejléccella (table heading)
• td: adatcella (table data)

Események

H K Sze Cs P Szo V
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Elérhetőség

Versenyek

Nemes Tihamér Országos Alkalmazói Tanulmányi Verseny

Kozma László Országos Informatikai Verseny

Neumann János Országos Középiskolai Programozó Verseny

 

 

 

Free Joomla templates by Baukó Beáta