Example of implementing text wrapping in html (mixed text and images in html)
|
1. Text around the image If we use the normal one, for example: Copy code The code is as follows:<TABLE cellpadding="15" width="200"> <TR> <TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>Here is the normal one. Among domestic VB websites, vbgood is updated daily and has rich information, and is deeply loved by programming enthusiasts. </TD> </TR> </TABLE> In such a sentence, if the image is taller than the text, there will be a blank space above the text. The page performance is very bad. How to solve it? Please look at this code: Copy code The code is as follows:<TABLE cellpadding="15" width="200"> <TR> <TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>Here is a wraparound layout. Among domestic VB websites, vbgood is updated daily and has rich information, and is deeply loved by programming enthusiasts. </TD> </TR> </TABLE> The problem can be solved by adding this attribute to the img element: align="center". Simple, right? As for hspace, it defines the width of the image and surrounding elements. It does not matter whether it is wrapped or not. How was this made? Let’s take a look at this code first: Copy code The code is as follows:<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>Among </b></font> </table> domestic VB websites, vbgood is updated daily and has rich information, and is deeply loved by program enthusiasts. （End）</td></tr> </table> How to achieve such an effect? Copy code The code is as follows:<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>Among the domestic VB websites, vbgood is updated daily and has rich information, and is deeply loved by programming enthusiasts. （End）</td></tr> </table> This code snippet explains it. You, as a smart person, will know it at a glance. Just put the words you want to enlarge in this table. But now what if I want the text to have a background color? Ha, you are so smart. Add the bgcolor attribute to the table, like this: Copy code The code is as follows:<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>Among </b></font></table> domestic VB websites, vbgood is updated daily and has rich information, and is deeply loved by program enthusiasts. （End）</td></tr></table> But can you come out? No, there is still something to add (remember not to answer so quickly next time :), like this: Copy code The code is as follows:<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>Among </b></font></td></table> domestic VB websites, vbgood is updated daily and has rich information, and is deeply loved by program enthusiasts. （End）</td></tr></table> |
<<: How to solve the margin collapse problem in CSS
Recommend
Detailed process of installing the docker plugin in IntelliJ IDEA (2018 version)
Table of contents 1. Development Environment 2. I...
Detailed tutorial on installing MySQL 8.0.19 in zip version on win10
Table of contents 1. After downloading, unzip it ...
Multi-service image packaging operation of Dockerfile under supervisor
Writing a Dockerfile Configure yum source cd /tmp...
MySQL 8.0.23 Major Updates (New Features)
Author: Guan Changlong is a DBA in the Delivery S...
Use of Linux passwd command
1. Command Introduction The passwd command is use...
JavaScript canvas to load pictures
This article shares the specific code of JavaScri...
Summary of Vue's monitoring of keyboard events
Key Modifiers When listening for keyboard events,...
MySQL 8.0.12 installation and configuration method graphic tutorial (Windows version)
1. Introduction MySQL is used in the project. I i...
Native js realizes the drag and drop of the nine-square grid
Use native JS to write a nine-square grid to achi...
Example of using CSS3 to customize the style of input multiple-select box
Principle: First hide the input element, then use...
You may not know these things about Mysql auto-increment id
Introduction: When using MySQL to create a table,...
MySQL 5.6.36 Windows x64 version installation tutorial detailed
1. Target environment Windows 7 64-bit 2. Materia...
IE8 compatibility notes I encountered
1. IE8's getElementById only supports id, not ...
A brief discussion on the design of Tomcat multi-layer container
Table of contents Container Hierarchy The process...
Detailed explanation of the solution to the problem that FTP cannot connect to the Baota Linux panel
If you are using Alibaba Cloud Server, you need t...