Beispiel für die Implementierung von Textumbruch in HTML (gemischter Text und Bilder in HTML)

1. Text rund um das Bild

Wenn wir zum Beispiel die normale Version verwenden:

Code kopieren

Der Code lautet wie folgt:

<Tabelle cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>Hier ist das normale. Unter den inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. </TD>
</TR>
</TABLE>

Wenn in einem solchen Satz das Bild höher als der Text ist, entsteht über dem Text ein Leerraum. Die Seitenperformance ist sehr schlecht. Wie kann man das Problem lösen? Bitte schauen Sie sich diesen Code an:

Code kopieren

Der Code lautet wie folgt:

<Tabelle cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>Hier ist ein Wraparound-Layout. Unter den inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. </TD>
</TR>
</TABLE>

Das Problem kann gelöst werden, indem dem img-Element dieses Attribut hinzugefügt wird: align="center". Einfach, oder? hspace definiert die Breite des Bildes und der umgebenden Elemente. Dabei ist es egal, ob es verpackt ist oder nicht.

Wie wurde das gemacht? Schauen wir uns zunächst diesen Code an:

Code kopieren

Der Code lautet wie folgt:

<Tabelle 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>Unter den </b></font> </table> inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. （Ende）</td></tr>
</Tabelle>

Wie erreicht man einen solchen Effekt?

Code kopieren

Der Code lautet wie folgt:

<Tabelle 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>Alle</b></font>
</table>Unter den inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. （Ende）</td></tr>
</Tabelle>

Dieser Codeausschnitt erklärt es. Sie als kluge Person werden es auf den ersten Blick erkennen. Tragen Sie einfach die Wörter, die Sie vergrößern möchten, in diese Tabelle ein.

Was aber ist, wenn ich dem Text eine Hintergrundfarbe verleihen möchte? Ha, du bist so schlau. Füge der Tabelle das Attribut bgcolor wie folgt hinzu:

Code kopieren

Der Code lautet wie folgt:

<Tabelle 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>Unter den </b></font></table> inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. （Ende）</td></tr></table>

Aber kannst du rauskommen? Nein, es gibt noch etwas hinzuzufügen (denk daran, das nächste Mal nicht so schnell zu antworten :)), und zwar Folgendes:

Code kopieren

Der Code lautet wie folgt:

<Tabelle 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>Unter den </b></font></td></table> inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. （Ende）</td></tr></table>

<<: So lösen Sie das Problem des Randkollapses in CSS

>>: 5 Schritte zur Implementierung der Responsive Webdesign-Methode und zum Abschied vom Wasserfallmodell (Grafik-Tutorial)

Verwendung von HTML zur Implementierung eines Betrugsschemas auf einer Abstimmungswebsite, das IP einschränkt

Beispiel für die Implementierung von Textumbruch in HTML (gemischter Text und Bilder in HTML)

Verwendung von HTML zur Implementierung eines Betrugsschemas auf einer Abstimmungswebsite, das IP einschränkt

Eine Sammlung möglicher Probleme bei der Migration von SQLite3 nach MySQL

Einfaches Beispiel für HTML-Textformatierung (ausführliche Erklärung)

Eine kurze Diskussion über die VUE Uni-App-Entwicklungsumgebung

Docker ermöglicht den nahtlosen Aufruf von Shell-Befehlen zwischen Container und Host

Eine detaillierte Einführung in die CSS-Namensspezifikation BEM von QQtabBar

Mysql-Abfrageanweisung mit mehreren Bedingungen und dem Schlüsselwort „And“

So verwenden Sie das Name-Attribut und das ID-Attribut des A-Tags, um innerhalb der Seite zu springen

Starten Sie den Docker-Dienst neu, um den automatischen Start- und Stoppbefehl anzuwenden (empfohlen)

So legen Sie Hintergrundfarbe und Transparenz in Vue fest

Artikel empfehlen

Bringen Sie Ihnen bei, wie Sie elegant eine vertikale Zentrierung erreichen (empfohlen)

Implementierung eines einfachen Timers in JavaScript

Detaillierte Schritte zur Installation und Konfiguration von MySQL 8.0 auf CentOS

So steigern Sie Ihre Web-Performance um das Dreifache, indem Sie einen Parameter in Nginx aktivieren

Vollständiges Installationstutorial zum Ubuntu 16.04-Image unter VMware

Beispielcode zur Implementierung des Verlaufs-Tag-Menüs mit vue+elementui+vuex+sessionStorage

Das WeChat-Applet ermöglicht das Aufnehmen von Fotos und Auswählen von Bildern aus Alben

Detaillierte Erklärung zur Verwendung der JavaScript-Zwischenablage

Beispielcode für HTML-Framesets

Codebeispiel für das Nutzungsszenario der Nginx-Domänenweiterleitung

Unterschiede zwischen FLOW CHART und UI FLOW

Detaillierte Erläuterung der FTP-Serverkonfiguration und 425-Fehler- und TLS-Warnlösungen für FileZilla Server

mysql löst das Problem, Datensätze zu finden, bei denen zwei oder mehr Felder NULL sind

Mehrere Möglichkeiten zum Festlegen der Ablaufzeit von localStorage

js, um den Zahlungs-Countdown zu realisieren und zur Startseite zurückzukehren