Tipográfia

Itt megtekintheted, hogy ha ezt a sminket választod, akkor hogyan néznek ki az egyes HTML elemek - mint pl. oldalcímek, bekezdések, listák, stb. - ezzel a megjelenéssel. A HTML elemekkel lehet strukturálni egy weboldal tartalmát.

Ez egy H1 oldalcím

Ez egy H2 alcím

Ez egy H3 alcím

Ez egy H4 alcím

Ez egy H5 alcím
Ez egy H6 alcím

A Lorem Ipsum egy egyszerű "pszeudo-latin" helykitöltő szöveg, amit régebben a nyomtatásnál használtak, ma viszont már mindenhol ahol fontos a betűk alkotta szöveg kinézete.

J. K. Rowling írónő is előszeretettel használta "varázsigékként" a Harry Potter regényeiben.

Ez egy rövid kis Lorem Ipsum szövegbekezdés. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dui leo, bibendum sed turpis vel, lacinia consequat orci.

Ez egy H2 alcím hivatkozással

Ez egy hosszabb Lorem Ipsum szövegbekezdés. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dui leo, bibendum sed turpis vel, lacinia consequat orci. Aenean sollicitudin nulla justo, in aliquam velit egestas at. Vestibulum blandit efficitur massa vel congue.

Cras bibendum leo non ex auctor auctor. Vestibulum mattis dignissim ex at vulputate. Donec ullamcorper at enim ut fringilla. Praesent non urna varius, imperdiet elit id, viverra libero.

Duis felis erat, pharetra vitae urna eget, gravida porta lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras vel lorem elit. Pellentesque convallis semper mauris, id lacinia libero pellentesque ac.

mintakép szövegbe ágyazvaProin ut leo faucibus, scelerisque quam volutpat, hendrerit justo. Ut quis commodo lacus. Aenean at dui in odio sodales porttitor. Cras condimentum ornare aliquet. Mauris convallis massa a tortor varius dignissim. Aenean eget suscipit eros. Duis fermentum condimentum libero. Sed ultricies leo sit amet dignissim sagittis. Integer suscipit aliquet sollicitudin. Nam sed neque ac felis consectetur luctus vitae et lectus. Duis et libero luctus, accumsan nulla ac, malesuada lorem. Phasellus commodo ex at ex iaculis venenatis. Vivamus ac dapibus est. Curabitur lacinia metus sit amet metus blandit, id semper tortor tristique. Curabitur sed mi gravida, dapibus eros at, eleifend metus.

Kép

mintakép

Rendezetlen lista

  • első lista elem
    • második szinten első elem
    • második szinten második elem
  • második lista elem
  • harmadik lista elem

Rendezett lista

  1. első lista elem
  2. második lista elem
    1. első alárendelt
    2. második alárendelt
    3. harmadik alárendelt
      • harmadik szinten első elem
      • harmadik szinten második elem
  3. harmadik lista elem

Táblázat

Fejléc 1 Fejléc 2
1. sor, cella 1 1. sor, cella 2
2. sor, cella 1 2. sor, cella 2
3. sor, cella 1 3. sor, cella 2

Űrlap elemek, mezők


Példák a különböző form (űrlap) elemek megjelenítésére.

szövegmezők






lenyíló lista



kiválasztási lehetőség
alma
banán
citrom
dinnye


többszörös kiválasztási lehetőség
alma
banán
citrom
dinnye