Dans le body Mise en page sans style : comment se placent les balises naturellement et quelles balisent sont à prioriser ?

H1 : Titre principal, un seul par page

H2 : sous titre

H3

H4, après il faut peut-être passer sur autre chose

<p> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus dui, rutrum sit amet sollicitudin vel, rhoncus sed elit. Aenean sed lorem in lorem convallis ultrices. Nulla orci augue, suscipit eu commodo a, hendrerit quis purus. Curabitur vulputate aliquam dolor vitae ultrices. In tempor eros in turpis ullamcorper eget suscipit magna pretium. Nunc ullamcorper sollicitudin : le lien ouvre la page ailleurs, cette pratique est sujette à discussion et le W3C n'a pas franchement tranché à ce sujet puisque le doctype transitionnal le permet toujours : je vous laisse vous documenter et vous faire votre avis. Etiam aliquet risus non neque semper eu vehicula ante condimentum. Aenean porttitor hendrerit vestibulum. In risus tortor, vestibulum quis consequat nec, mollis volutpat arcu. malgré des indentations et sauts de ligne dans le code (cf. code source), sans balise le texte reste en paquet.
<br /> : balise br permet les sauts de ligne quand il n'y en a pas déjà

<pre> : les sauts de lignes et indentations se font dans le code, sans balise
        Maecenas egestas ligula eget dolor pharetra ut fermentum neque lacinia. Suspendisse augue enim, cursus id accumsan aliquet, tristique in mauris. 
        Curabitur ac leo turpis, gravida eleifend eros. Sed tempor vehicula odio at pellentesque. 
        	Duis rutrum ligula et arcu gravida tincidunt feugiat velit placerat. Sed nec sem eu odio ullamcorper eleifend. 
        Pellentesque eu varius est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Maecenas non mauris sed nisi sollicitudin malesuada vel id est. Praesent ut accumsan sem. 
        		Vestibulum egestas aliquet aliquet. Donec vitae tellus ac tortor tempus egestas. 
        Fusce eu odio ut purus elementum vestibulum ut vel justo. 
        				Donec augue velit, lobortis non posuere vitae, accumsan a tortor. 
        Duis hendrerit vulputate sapien, eu ullamcorper quam lobortis elementum. 
        			Quisque fermentum suscipit sapien, a rutrum mi volutpat condimentum. 
        par contre, sans traitement du code, le texte reste d'une traite en ligne.
        
  1. liste avec numérotation
  2. Integer pharetra libero ac nisl volutpat quis porttitor massa eleifend.
  3. Etiam euismod sapien id massa mollis sollicitudin.
  4. Curabitur blandit ornare ipsum, nec sollicitudin odio placerat sit amet.
  5. Sed iaculis dui quis arcu accumsan ultricies.
  6. Sed faucibus est non eros congue et semper diam porta.

une image : exemple d'image


<hr> : cette balise dessine un trait horizontal, elle peut être réduite et changer d'aspect en css.
alignements d'images :

Par défaut : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="absbottom" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="absmiddle" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="baseline" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="bottom" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="left" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="middle" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="right" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="texttop" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.

align="top" : Nulla sed augue libero. Maecenas hendrerit feugiat purus, at ultricies sapien posuere vel. Phasellus lobortis mattis pharetra. Mauris nibh enim, sagittis ac sagittis eu, rutrum id orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec eu arcu augue, nec eleifend sapien. Mauris at ipsum dolor, non tempus felis. Curabitur et eros at dolor faucibus lacinia nec sed mauris. Quisque congue varius sodales. Nunc sed augue enim, at semper libero.