Les balises HTML de base !
-
<p style="text-align:center;"><img alt="html2.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://webdesy.com/webdesy-wp/wp-content/uploads/2012/01/html2.png"/></p>
<p style="text-align:center;"> </p>
<p><span style="font-family:verdana, geneva, sans-serif;">Vous avez toujours voulu créer votre page web? Et bien pour la créer il faut tout d'abord s'instruire! Et pour s'instruire il faut lire, et c'est dans ce topic que vous allez découvrir les balises html ! </span></p>
<p><span style="font-family:verdana, geneva, sans-serif;">Les balises html c'est quoi? Ce sont les "codes" qui vont définir la structure de votre page ! </span></p>
<p><span style="font-family:verdana, geneva, sans-serif;">Ici vous aurez donc les balises fondamentales pour votre site web !</span></p>
<p> </p>
<p><strong><u><span style="font-family:verdana, geneva, sans-serif;">Pour le document : </span></u></strong></p>
<ul><li><span style="font-family:verdana, geneva, sans-serif;"><html></html> : définit un document html</span>
</li><li><span style="font-family:verdana, geneva, sans-serif;"><body></body> : définit le corps du document</span></li>
</ul><p><strong><u><span style="font-family:verdana, geneva, sans-serif;">Pour vos titres : </span></u></strong></p>
<ul><li><span style="font-family:verdana, geneva, sans-serif;"><h1></h1> </span>
</li><li><span style="font-family:verdana, geneva, sans-serif;"><h2></h2></span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><h3></h3> </span></li>
<li><span style="font-family:verdana, geneva, sans-serif;">Et ainsi de suite jusqu'à <h6></6></span></li>
</ul><p><em><span style="font-family:verdana, geneva, sans-serif;">Ces balises définissent la hauteur de votre texte, elles servent donc de mise en page pour le texte ! </span></em></p>
<p> </p>
<p><u><strong><span style="font-family:verdana, geneva, sans-serif;">Pour le texte : </span></strong></u></p>
<ul><li><span style="font-family:verdana, geneva, sans-serif;"><p></p> : pour contenir un paragraphe</span>
</li><li><span style="font-family:verdana, geneva, sans-serif;"><b></b> : pour écrire en gras</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><u></u> : pour écrire souligner</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><i></i> : pour écrire en italique</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><a href="LIEN">TEXTE</href> : pour créer un lien cliquable (ex: <a href="<a href="http://melinyel.net" rel="external nofollow">http://melinyel.net">CLIQUE</a>ICI</href> </span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><blockquote></blockquote> : pour créer une citation</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><li></li> : élément d'une liste</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><ol></ol> : liste numérotée </span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><ul></ul> : liste à puce</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><center></center> : pour centrer du texte</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><font></font> : pour modifier les polices de caractères</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><strike></strike> : pour barrer du texte</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><applet></applet> : pour les applets java</span></li>
</ul><p><u><strong><span style="font-family:verdana, geneva, sans-serif;">Pour des tableaux : </span></strong></u></p>
<ul><li><span style="font-family:verdana, geneva, sans-serif;"><table></table> : pour créer un tableau</span>
</li><li><span style="font-family:verdana, geneva, sans-serif;"><tr></tr> : pour créer une ligne</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><th></th> : cellule de légende de ligne ou de colonne</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><td></td> : pour créer une colonne</span></li>
</ul><p><strong><u><span style="font-family:verdana, geneva, sans-serif;">Structure et habillage : </span></u></strong></p>
<ul><li><span style="font-family:verdana, geneva, sans-serif;"><div></div> : définition de blocs, regroupement d'éléments</span>
</li><li><span style="font-family:verdana, geneva, sans-serif;"><span></span> : habillage d'éléments de manière inline</span></li>
</ul><p><u><span style="font-size:18px;"><span style="font-family:verdana, geneva, sans-serif;"><span style="color:#ff0000;"><strong>Nouveautés HTML 5 !</strong></span></span></span></u></p>
<p> </p>
<ul><li><span style="font-family:verdana, geneva, sans-serif;"><header></header> : en-tête</span>
</li><li><span style="font-family:verdana, geneva, sans-serif;"><section></section> : section</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><article></article> : sous section pour un article</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><nav></nav> : bloc de navigation</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><aside></aside> : encart</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><figure></figure> : images et/ou vidéos</span></li>
<li><span style="font-family:verdana, geneva, sans-serif;"><footer></footer> : pied de page</span></li>
</ul><p></p><p>Pour toute aide poster votre question en réponse à la suite de ce topic, merci ! </p>
<p> </p>
<p style="text-align:right;">Baptiste.</p> -
<p>Attention que la la balise <em>"font"</em> n'est techniquement pas supporté en HTML5 selon les normes, même cas pour <em>"strike"</em> qui était déjà rarement utilisé souvent remplacée par <em>"s"</em> ou <em>"del"</em>, sinon merci du partage cela peut-être utile comme memo pour les débutant, +1Rep.</p><p>pourquoi avoir barré la balise <em>"footer"</em>?</p>
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login