Comment obtenir une disposition mixte d'images et de texte en HTML

Cette fois, je vais vous montrer comment réaliser une disposition mixte de graphiques et de texte en HTML. Quelles sont les précautions pour implémenter une disposition mixte de graphiques et de texte en HTML. jetez un oeil.

Texte enroulé autour des images

Si nous utilisons des images normales, par exemple :

<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>这里是普通的。国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。</TD>
</TR>
</TABLE>

Dans une telle déclaration, la image est plus grand que le texte. S'il est haut, il y aura un espace vide au-dessus du texte. L'effet de la page est très médiocre. Comment le résoudre ? Veuillez regarder ce code :

<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>这里是绕排的。国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。</TD>
</TR>
</TABLE>

Ajoutez cet attribut à l'élément img pour résoudre le problème : align="center", et le problème sera résolu. Restez simple ! Quant à hspace, il définit la largeur de l'image et des éléments environnants. Peu importe qu'il soit contourné ou non.

Comment cela a-t-il été fait ? Jetons d'abord un coup d'œil à ce code :

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font> </table>国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。（End）</td></tr>
</table>

Comment obtenir cet effet ?

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font>
</table>国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。（End）</td></tr>
</table>

Ce code l'explique. Si vous êtes malin, vous le saurez d'un coup d'œil. Mettez simplement les mots que vous souhaitez agrandir dans ce tableau.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment désactiver la mise en cache des pages

Comment ajouter des fichiers au format vidéo flash (flv, swf) en html

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!