Article Part
Some Detailed Text
Section Part
Some Text
Lors de la conception d'une page Web, nous devons organiser les éléments de la page Web de manière élégante. Ils doivent être faciles à naviguer pour l’utilisateur et simples. Il permet d'organiser ces éléments de manière bien structurée. La mise en page HTML donne une très bonne apparence à la page Web et offre un moyen simple de la concevoir. C'est un moyen simple par lequel nous pouvons concevoir des éléments Web à l'aide de simples balises HTML standard. HTML propose divers éléments de mise en page grâce auxquels nous pouvons concevoir différentes parties de la page Web.
Dans cet article, nous verrons différents éléments de mise en page et leurs exemples. A l'aide de ces éléments, nous concevrons une structure simple similaire au journal.
Cet élément permet de définir l'entête de la page web. Il contient le titre de la page ou un logo ou peut-être un contenu d'introduction.
Code :
<!DOCTYPE html> <html> <head> <title> EduCba </title> </head> <body> <header style = "height: 100px; width: 100%; background-color: #607D8B;" > <h1 style=" color: #fff; text-align: center; padding-top: 25px; font-size: 30px;" > Header Section</h1> </header> </body> </html>
Sortie :
Cet élément contiendra des liens vers la liste des menus. Cet élément est comme un conteneur pour différents liens de navigation. Les liens seront sur une page différente ou sur la même page.
Code :
Ajoutons un élément de navigation sous l'en-tête de notre dernier exemple. Ajouter
Some Text
Some Detailed Text
Details: Upon clicking summary element, details will be shown to the user