Maison  >  Article  >  interface Web  >  Exemple d'analyse de l'habillage de texte en HTML (arrangement mixte HTML d'images et de texte)

Exemple d'analyse de l'habillage de texte en HTML (arrangement mixte HTML d'images et de texte)

高洛峰
高洛峰original
2017-03-06 16:19:382760parcourir

Nous savons comment envelopper du texte dans Word, mais comment l'implémenter sur une page Web ? Ce n'est pas aussi simple qu'en paroles. Mais tant que vous utilisez de bons éléments HTML, vous pouvez toujours obtenir cet effet. Généralement, il existe plusieurs types d'habillage : habillage de texte autour d'images, habillage de texte autour de texte, etc. Ce dont je veux parler, ce sont ces deux-là. Bon, commençons

1. Habillage du texte

Si on en utilise des normaux, par exemple :

Le code est le suivant :

<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, si l'image est plus grande que le texte, 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 :

Le code est le suivant :

<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" , le problème sera résolu 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'oeil à ce code :

Le code est le suivant :

<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 ?

Le code est le suivant :

<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 intelligent, vous le saurez d'un coup d'œil. vous voulez agrandir ce tableau. Appuyez simplement dessus.

Mais maintenant, si je veux que le texte ait une couleur de fond, que dois-je faire ? Ha, tu es tellement intelligent, ajoute l'attribut bgcolor au tableau, comme ceci :

Le code est le suivant :

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


Mais peut c'est sorti ? Non, je dois ajouter quelque chose (n'oubliez pas de ne pas répondre si vite la prochaine fois :), comme ceci :

Le code est le suivant :

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

Plus Implémentations HTML Exemples d'habillage de texte (graphiques et textes mixtes HTML) Exemples d'analyse d'articles liés, veuillez faire attention au site Web PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn