Renvoyé vers le frameset , cadres avec word , cadres avec openoffice , cadres avec le PHP etcetera et même un cheval de Troie en prime sur un site en cherchant cette chose toute simple :** comment encadrer du texte en .html** . En espérant être référencé correctement par les moteurs de recherche voici le code en **HTML pur code** . Tout naturellement qui dit cadre dit tableau dit classement ......et puis les listes pour finir de ranger et classer
Attention, ce site est en HTML4 et maintenant beaucoup de sites utilisent le HTML5.
encadrer un texte
pour encadrer un texte
il suffit de faire un tableau avec une seule cellule
le code
<table width="100%" border ="1" cellspacing="1" cellpadding="1"><tr><td>pour encadrer un texte<br> il suffit de faire un tableau<br>avec une seule cellule</td><tr></table>
La première balise à insérer pour la création d'un tableau est <table></table> <tr> </tr> crée une rangée alors que <td></td> crée une nouvelle colonne. A insérer entre les balises BODY , là où vous voulez que ce tableau apparaisse
<tr></tr>crée une rangée <th></th>une cellule en gras
Cellules du haut
cellule1
cellule 2
Cellules vides
cellules du bas
cellule 6
le code
<table border=1 width=100% cellspacing=1 cellpadding=1 <tr><th>Cellules du haut</th><td>cellule1</td><td>cellule 2</td></tr><tr><th>Cellules vides</th><td></td><td></td></tr><tr><th>cellules du bas</th><td></td><td>cellule 6</td></tr></table>
Un formulaire de contact
Un formulaire en HTML appelle généralement une page en PHP que je n'ai pas installée car cette page est très fréquentée. À la place vous serez dirigé(e) vers un autre formulaire (fonctionnel celui-là)
Pour ne pas voir les traits de séparation : table border=0 avec les boutons radio (ronds) vous n'avez qu'un seul choix avec les checkboxes (carrés) cochez autant de réponses que vous désirez . select vous offre un menu déroulant . Mais pour avoir le maximum d'efficacité et de sécurité il vaut mieux coupler avec un fichier PHP comme le formulaire de contact plus haut.
<ol><li>bla bla bla</li><li>ble ble ble</li><li>bli bli bli</li></ol>
avec <ul type=none> devant
bla bla bla
ble ble ble
blu blu blu
code
<ul type=none><li>bla bla bla</li><li>ble ble ble</li><li>blu blu blu</li></ul>
avec <ul type=square> devant
bla bla bla
bli bli bli
blu blu blu
code
<ul type=square><li>bla bla bla</li><li>bli bli bli</li><li>blu blu blu</li></ul>
avec <ul type=circle> devant
bla bla bla
bli bli bli
blu blu blu
code
<ul type=circle><li>bla bla bla</li><li>bli bli bli</li><li>blu blu blu</li></ul>
Une image remplaçant les puces
Certains codes issus de CSS vous proposent un list-style-image: url(puce.png); par exemple, à placer dans la partie HEAD de votre page. Mais là, vraiment CSS n'est pas d'une grande utilité, car les images remplaçant les puces sont lues différemment par les divers navigateurs. Vous faîtes un
<li style="list-style-type:none">
et un <img src="url de l'image"> suivi de votre 1ere ligne</li> Pour centrer les lignes dans le paragraphe: <ul style="list-style-type:none">
suivi de<li>autre ligne</li>