1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>HTML5 és CSS</title> 5 <meta charset="UTF-8"> 6 <link rel="stylesheet" href="html5beta.css"> 7 </head> 8 <body> 9 <header> 10 HTML5 Szerkezeti Demonstráció 11 </header> 12 <div id="content-holder"> 13 <nav> 14 <h3>Linkek - NAV</h3> 15 <a href="#foot">Láb</a> 16 <a href="#cikk">Cikk</a> 17 <a href="https://odorpeter.hu">Kézikönyv</a> 18 </nav> 19 <section> 20 <article> 21 <h3>Lorem Ipsum - Article</h3> 22 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis purus posuere odio volutpat accumsan. Nunc lobortis augue eu sem egestas eget bibendum leo bibendum. Nullam dui erat, tincidunt a gravida sit amet, commodo dictum risus. In non purus mi. Ut pellentesque ligula nec tortor bibendum et consequat nunc eleifend. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum pulvinar cursus laoreet. Donec eu leo ut lacus imperdiet euismod. Fusce tellus eros, lacinia nec tincidunt nec, mattis ut eros. Praesent id velit tortor, nec tincidunt orci. Aenean rhoncus pellentesque turpis, in condimentum ligula auctor vitae. Integer tristique aliquam leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum lacinia condimentum lacus id hendrerit. Curabitur ultrices mi consectetur lorem tempus in rutrum leo congue. Etiam lacinia aliquet lacus. Vivamus id tellus in quam ullamcorper tincidunt sed ac ligula. Pellentesque non eleifend turpis. Fusce scelerisque odio id erat porta id posuere odio semper. 23 <footer>Szerző: Gipsz Jakab</footer> 24 </article> 25 <article id="cikk"> 26 <h3>Lorem Ipsum - Article</h3> 27 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis purus posuere odio volutpat accumsan. Nunc lobortis augue eu sem egestas eget bibendum leo bibendum. Nullam dui erat, tincidunt a gravida sit amet, commodo dictum risus. In non purus mi. Ut pellentesque ligula nec tortor bibendum et consequat nunc eleifend. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum pulvinar cursus laoreet. Donec eu leo ut lacus imperdiet euismod. Fusce tellus eros, lacinia nec tincidunt nec, mattis ut eros. Praesent id velit tortor, nec tincidunt orci. Aenean rhoncus pellentesque turpis, in condimentum ligula auctor vitae. Integer tristique aliquam leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum lacinia condimentum lacus id hendrerit. Curabitur ultrices mi consectetur lorem tempus in rutrum leo congue. Etiam lacinia aliquet lacus. Vivamus id tellus in quam ullamcorper tincidunt sed ac ligula. Pellentesque non eleifend turpis. Fusce scelerisque odio id erat porta id posuere odio semper. 28 <footer class="privat">Szerző: Gipsz Jolán</footer> 29 </article> 30 </section> 31 <aside> 32 <h3>Oldal panel (Aside)</h3> 33 <img id="aside-images" src="aside.jpg" width="60" alt=""> <p>Mauris duinisi, viverra at sagittis quis, tincidunt id enim. Praesent vitae sem elit. Donec vitae suscipit ipsum. Donec porttitor risus in eros rutrum mollis. Proin pellentesque pulvinar neque vel accumsan. Vestibulum vestibulum bibendum lorem vel posuere.</p> 34 <h3>Oldal panel (Aside)</h3> 35 <img id="aside-images" src="aside.jpg" width="60" alt=""><p>Mauris dui nisi, viverra at sagittis quis, tincidunt id enim. Praesent vitae sem elit. Donec vitae suscipit ipsum. Donec porttitor risus in eros rutrum mollis. Proin pellentesque pulvinar neque vel accumsan. Vestibulum vestibulum bibendum lorem vel posuere.</p> 36 </aside> 37 <footer id="foot"> 38 (C) Gipsz Jakab, 2023 39 </footer> 40 </div> 41 </body> 42 </html>