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
Artikel empfehlen
Ein tiefes Verständnis der spitzen Klammern in Bash (für Anfänger)
Vorwort Bash verfügt über viele wichtige integrie...
Zusammenfassung der MySQL-Ansichtsprinzipien und Anwendungsbeispiele
Dieser Artikel fasst die Prinzipien und die Verwe...
Sechs merkwürdige und nützliche Dinge über JavaScript
Inhaltsverzeichnis 1. Dekonstruktionstipps 2. Dig...
Implementierung von verschiebbaren Zeilen und Spalten sowie Auswahlspaltenkomponenten basierend auf der el-table-Kapselung
Wirkung Brauchen Sie eine Umgebung Ansicht elemen...
In der MySQL-Datenbank werden datetime, bigint und timestamp zur Darstellung der Zeitauswahl verwendet. Welches davon ist für die Zeitspeicherung am effizientesten?
Inhaltsverzeichnis # Nachbereitung der Daten # SQ...
JS-Objektkonstruktor Object.freeze
Inhaltsverzeichnis Überblick Beispiel 1) Objekt e...
Detailliertes Tutorial zur Installation von Ubuntu 19.10 auf Raspberry Pi 4
Da einige Abhängigkeiten von OpenCV beim Ausführe...
Lösung für das domänenübergreifende Problem der SpringBoot- und Vue-Interaktion
Inhaltsverzeichnis Same Origin-Richtlinie für Bro...
Spezifische Verwendung von CSS-Inhaltsattributen
Das Inhaltsattribut wird im Allgemeinen in den Ps...
Detaillierte Erläuterung des Ausführungsprozesses von MySQL-Abfrageanweisungen
Inhaltsverzeichnis 1. Kommunikationsmethode zwisc...
So verwenden Sie die Verlaufsumleitung in React Router
In react-router kann der Sprung in der Komponente...
Detaillierte Erklärung zur Verwendung der Vue.js-Renderfunktion
Vue empfiehlt in den meisten Fällen die Verwendun...
Über das Problem beim Schreiben von Plugins zum Mounten von DOM in vue3
Im Vergleich zu vue2 verfügt vue3 über ein zusätz...
Detailliertes Tutorial zur Installation von NVIDIA-Treibern + CUDA + cuDNN in Ubuntu 16.04
Vorbereitung 1. Überprüfen Sie, ob die GPU CUDA u...
Zusammenfassung häufig verwendeter CSS-Kapselungsmethoden
1. PC-Reset Initialisierung im PC-Stil /* normali...