Als u een afbeelding met de tekst op uw webpagina opneemt, wordt de afbeelding boven of onder de omringende inhoud, waardoor de witruimte links en rechts van de afbeelding in de standaardstijl weergegeven. Hiermee verspilt u ruimte en zorgt ervoor dat uw tekst verschijnen onsamenhangende. Om dit te verhelpen, hebt u de mogelijkheid om HyperText Markup Language (HTML) of Cascading Style Sheets (CSS) gebruiken om aan te geven de positie van de afbeelding, zodat de tekst rond de randen van de afbeelding terugloopt. Gebruik HTML of CSS om tekst te verplaatsen rond uw foto's, zoals u verkiest.
HTML
Start het bestand van de pagina in de teksteditor van uw computer en plaats de cursor in de "
" tag. Type "align =" en volg dit met aanhalingstekens als volgt:
![]()
Voer "rechts", "left", "Midden", "boven" of "onder" na de inwerkingtreding van de uitlijnen om aan te geven waar de afbeelding wordt weergegeven ten opzichte van je tekst. De uitlijning van een "top" maakt uw inhoud weergegeven op het hoogste punt van de afbeelding, het "Midden" beweegt de tekst naar het midden van de foto en de "bodem" regisseert de inhoud om te beginnen aan de onderkant van de afbeelding. Bovendien een "juiste" positie, uw gegevens naar links van de afbeelding verplaatst en de uitlijning van een "links" plaatst inhoud aan de rechterkant van de afbeelding. Typ uw code als volgt:
![]()
Sla het bestand.
CSS
Plaats uw cursor in de "
" label en type "style =" met een set aanhalingstekens voordat de laatste punthaak. Om te illustreren:
![]()
Voer "float:" binnen de aanhalingstekens markeert en typ "links" of "juiste" attribuut om de uitlijning van de afbeelding te noemen. De 'left' waarde maakt de afbeelding worden weergegeven aan de linkerkant en uw tekst verplaatst naar rechts, terwijl het "juiste" kenmerk het tegenovergestelde doet. Bijvoorbeeld:
![]()
Sla uw document op.
