HTML: Hoe tekst rond een afbeelding laten teruglopen



Sinds HTML 4.01, wordt trapsgewijs opmaakmodel (CSS)-code gebruikt om te definiëren van de afbeeldingscode uitlijning. Webontwerpers gebruiken de "zweven"-regel in CSS elk HTML-element--tekst, afbeeldingen en andere inhoud--worden uitgelijnd naar rechts of links van een pagina. Alle aangrenzende elementen op de pagina zal wrap rond het floated element. In dit geval van tekstomloop rond een floated beeld. Meer CSS-code gebruiken om te definiëren van een afbeelding marges, randen en andere opmaakopties instellen.

  • Open uw HTML-bestand in een platte-tekst of code programma voor het bewerken en vind u de gewenste tekst doorloopt rondom de afbeelding. Code van de afbeelding moet gaan boven de tekst en plaats niet het beeld-code tussen een text-tags. Plaats de volgende code als een afbeelding wilt toevoegen:

    "Uw-afbeelding.gif" naar het webadres van uw afbeelding wijzigen Gebruik alleen de naam van het bestand als het bestand aanwezig is in dezelfde map als het HTML-bestand waaraan u de afbeelding wilt toevoegen. Verandering "verpakt" ongeacht klasse naam u graag; professionals liever met betekenisvolle namen.

  • Bewerken van het bestand van uw HTML-CSS-code voor het uitlijnen van de afbeelding. Als uw webpagina gebruikmaakt van een gekoppeld CSS-bestand, opent u dat bestand en voeg de code er. Als uw webpagina gebruikmaakt tags, voegt u de benodigde code tussen deze codes. Toevoegen tussen deentag van het HTML-bestand als het niet aan een CSS-bestand is gekoppeld en nog geen bevat

Labels:

Gerelateerde Artikelen

Hoe maak je tekst rond een afbeelding gaan

Hoe maak je tekst rond een afbeelding gaan

In de wereld van website design en desktop publishing komt er uiteindelijk een tijd die u nodig heeft om uw tekst gaan rond uw foto's en afbeeldingen te maken. Dit wordt aangeduid als "Verpakking" de tekst. U hoeft geen tekst laten teruglopen ro
Het verplaatsen van tekst rond een afbeelding met HTML of CSS

Het verplaatsen van tekst rond een afbeelding met HTML of CSS

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 da
Hoe ik tekst laten teruglopen rond een afbeelding in een Microsoft Word-Document?

Hoe ik tekst laten teruglopen rond een afbeelding in een Microsoft Word-Document?

Wanneer u een afbeelding in een document van Microsoft Word 2013 invoegen, vind je dat de afbeelding in overeenstemming met de tekst wordt geplaatst. Hoewel deze standaard lay-out enkel wat u nodig hebt in sommige gevallen zijn kan, doen met witte ru
Hoe maak je de leesvolgorde van de tekst rond een onregelmatige vorm in CSS

Hoe maak je de leesvolgorde van de tekst rond een onregelmatige vorm in CSS

CSS, of Cascading Style Sheets, is een krachtig hulpmiddel voor webdesign dat voor enorm meer aanpassing van websites zorgt dan eerder mogelijk was. Sommige fundamentele waarheden over webdesign blijven echter ongewijzigd; daaronder is het feit dat e
Hoe te verwijderen tekst uit een afbeelding in Photoshop

Hoe te verwijderen tekst uit een afbeelding in Photoshop

Er zijn verschillende manieren om tekst te verwijderen uit een afbeelding in Photoshop CC. Als de tekst in een eigen laag, zoals het geval met vector tekst gemaakt met het gereedschap Tekst, kunt u gewoon verwijderen of verbergen die laag. In de mees
Hoe het schrijven van tekst op een afbeelding in HTML

Hoe het schrijven van tekst op een afbeelding in HTML

Webontwerpers gebruiken meestal beeldbewerkingsoftware tekst aan afbeeldingen toevoegen. Website-eigenaren die willen toevoegen aan hun beelden wellicht echter niet de middelen om te kopen dure software of de tijd om te leren van de gecompliceerde me
Hoe zet tekst in een afbeelding van MS Paint

Hoe zet tekst in een afbeelding van MS Paint

Tekst is in documenten van MS Paint geweest een favoriet van meerdere generaties van DTP-ers. Met deze gratis accessoire van de besturingssystemen van Microsoft, kunt u tekst toevoegen aan een afbeelding gemakkelijk voor afdrukken in Plakboeken, albu
Hoe kan ik een afbeelding met HTML invoegen

Hoe kan ik een afbeelding met HTML invoegen

Uw websites verfraaien door afbeeldingen toe te voegen. U kunt afbeeldingen invoegen in HTML-bestanden met behulp van de tag, die kunt u de locatie opgeven van de afbeelding op het Internet, de hoogte en breedte van de afbeelding en alternatieve teks
Hoe de overdracht van tekst of een afbeelding op een muur

Hoe de overdracht van tekst of een afbeelding op een muur

Muren zijn niet langer slechts plaatsen waarop u wilt hangen ingelijste prenten en schilderijen. In plaats daarvan, behandel ze als doeken voor inspirerende tekst of afbeeldingen die uitdrukking geven aan uw stijl. U hoeft niet eens aan de ontwerpen
Hoe krijg ik een afbeelding achter de tekst in PowerPoint

Hoe krijg ik een afbeelding achter de tekst in PowerPoint

Afbeeldingen en tekst samen in een PowerPoint-dia stapelen voegt diepte en belang toe aan uw materiaal en geeft uw dia's een professionele uitstraling. Invoegen van een afbeelding in de onderlaag van de dia, kunt een meer aangepaste achtergrond dan d
Hoe voeg ik tekst aan een afbeelding met Photoshop?

Hoe voeg ik tekst aan een afbeelding met Photoshop?

Toevoegen van tekst aan een foto in Photoshop CC is een simpele kwestie van te typen. Als u wilt ervoor zorgen dat uw woorden precies zo weergegeven zoals u ze wilt, neem een paar minuten om vertrouwd te raken met de vele beschikbare stijlen en effec
Hoe maak je een afbeelding met hyperlinks met behulp van Photoshop

Hoe maak je een afbeelding met hyperlinks met behulp van Photoshop

Wanneer u op een gedeelte van de afbeelding van een website en uw browser naar een andere webpagina springt, is een afbeelding met hyperlinks waarschijnlijk verantwoordelijk voor die actie. Ontwerpers van sites kunnen het schrijven van HTML-code waar
Hoe kan ik een afbeelding invoegen in Adobe Acrobat Pro

Hoe kan ik een afbeelding invoegen in Adobe Acrobat Pro

Adobe Acrobat Pro XI biedt drie methoden voor het invoegen van afbeeldingen, afhankelijk van uw behoeften. De meest voorkomende gebruik is het toevoegen van afbeeldingen als de inhoud in een PDF. U kunt ook afbeeldingen van Klembord plakken als opmer
Hoe krijg ik een afbeelding uit een glazen Frame Unstuck

Hoe krijg ik een afbeelding uit een glazen Frame Unstuck

Het nemen van foto's van familie, vrienden en memorabele gelegenheden is dat een tijdverdrijf genoten de wereld. De meesten van ons hebben fotolijsten die zijn rond jarenlang geweest. Als de einden van het frame of de foto moet opnieuw worden geformu