Een Afbeelding Insluiten Op Een Website Met Html

Inhoudsopgave:

Een Afbeelding Insluiten Op Een Website Met Html
Een Afbeelding Insluiten Op Een Website Met Html
Anonim

Artikelen op internet lijken droog en onvolledig als de tekst niet wordt verdund met extra media. De eenvoudigste en meest toegankelijke decoratie van een blogpost of website is een foto-illustratie. Het kan worden gepubliceerd met behulp van speciale tags.

Een afbeelding insluiten op een website met html
Een afbeelding insluiten op een website met html

Het is nodig

  • - toegang tot internet;
  • - foto.

instructies:

Stap 1

Er wordt aangenomen dat directe publicatie van afbeeldingen die op een computer zijn opgeslagen mogelijk is. Dit is een fout: als uw computer geen 24/7 server is, wordt de afbeelding niet weergegeven in het bericht.

Stap 2

Upload de foto naar een speciale opslag, zoals Yandex.fotka of Ipicture.ru. Het is belangrijk dat het bestand zichtbaar en altijd online is. Open de afbeelding op de doelsitepagina en kopieer de URL van de overeenkomstige regel.

Stap 3

Begin met het opstellen van uw bericht in HTML-modus. Voeg de volgende tags in:. Plak in plaats van de pas het gekopieerde adres van het grafische bestand.

Stap 4

Controleer op correcte invoeging in de voorbeeldmodus. Het bestand moet in de oorspronkelijke grootte in het venster worden weergegeven. Als er geen afbeelding is, controleer dan de juistheid van het ingevoerde adres.

Stap 5

Als je een grote afbeelding hebt geüpload en deze op schaal wilt weergeven, pas dan de tags aan. Plaats na het afsluitende aanhalingsteken een tag width = of height = en daarna de gewenste grootte in pixels. Bijvoorbeeld:. In dit geval krijgt u een verticaal georiënteerde afbeelding met een hoogte van 800 pixels.

Stap 6

Bij het stylen met de volgende tags wordt de maat niet aangepast, maar verschijnt er een kader om de afbeelding:. Framekleur is rood, dikte is 5 pixels. Wijzig de juiste opties zodat ze overeenkomen met de kleuren en maten die u wilt.

Aanbevolen: