Creare Site Gratis – Detalierea machetei paginii de start
Voi detalia in cele ce urmeaza continutul blocului <body></body>.
| <body> <div id=”wrapper”><!– #wrapper –> <header><!– header –> <h1>Heading 1</h1> <h2>Heading 2</h2> <img src=”/images/headerimg.jpg” width=”940″ height=”200″ alt=””><!– header image –> </header><!– end of header –> <nav><!– top nav –> <div> <ul> <li><a href=”#”>Acasa</a></li> <li><a href=”#”>Despre</a></li> <li><a href=”#”>Produse</a></li> <li><a href=”#”>Servicii</a></li> <li><a href=”#”>Contact</a></li> </ul> </div> </nav><!– end of top nav –> <section id=”main”><!– #main content and sidebar area –> <section id=”content”><!– #content –> <article> <h2>Primul articol</h2> <img src=”/images/goose.jpg” alt=”” /><p>Paragraf.</p> <p>Continut Paragraf.</p> </article> <article> <h2>Al doilea articol</h2> <p>Continut paragraf</p> </article> </section><!– end of #content –> <aside id=”sidebar1″><!– sidebar1 –> <h3>Linkuri interne</h3> <ul> <li><a href=”#”>Link intern 1</a></li> <li><a href=”#”>Link intern 2</a></li> </ul> </aside><!– end of sidebar1 –> </section><!– end of #main content and sidebar–> <footer> <section id=”footer-area”> <aside> <section id=”footer-outer-block”> <p>© 2013 <a href=”#”>SiteulTau.com</a> Toate Drepturile Rezervate.</p> </aside><!– end of #fourth footer segment –> </section><!– end of footer-outer-block –> </section><!– end of footer-area –> </footer> </div><!– #wrapper –> </body> |
Blocul <body></body> va contine:
1. Elementul <div id=”wrapper”> este un element de nivel bloc si are rolul de a defini o diviziune sau sectiune in documentul html. id=”wrapper” semnifica sectiunea cu denumirea wrapper definita in fisierul style.css
2. Blocul <header></header> reprezinta headerul siteului in HTML5, adica partea superioara a site-ului
3. Elementele <h1></h1> si <h2></h2> reprezinta titluri predefinite in html si sunt blocuri de text. Titlul <h1></h1> este afisat folosind cel mai mare si ingrosat font iar titlul <h6></h6> este afisat cu cel mai mic si mai subtire font.