Hoe Maak Je Een Afbeelding In Html

Inhoudsopgave:

Hoe Maak Je Een Afbeelding In Html
Hoe Maak Je Een Afbeelding In Html

Video: Hoe Maak Je Een Afbeelding In Html

Video: Hoe Maak Je Een Afbeelding In Html
Video: How to Insert an Image in a Webpage (HTML / XHTML) 2024, November
Anonim

HTML is een opmaaktaal die wordt gebruikt om internetpagina's te maken. Het kan worden gebruikt om de weergave van verschillende elementen, inclusief afbeeldingen, aan te passen. Het instellen van de weergave van afbeeldingen in HTML gebeurt via een speciale tag.

Hoe maak je een afbeelding in html
Hoe maak je een afbeelding in html

instructies:

Stap 1

Open uw HTML-bestand met de teksteditor die u gebruikt om webpagina's te bewerken. Als u geen HTML-bestand hebt, maakt u het door met de linkermuisknop op het bureaublad of in de gewenste map te klikken en op het menu "Nieuw" - "Tekstdocument" te klikken. Voer een bestandsnaam in en voeg de html-extensie toe na de punt. Klik vervolgens opnieuw met de rechtermuisknop op het document en selecteer "Openen met" - "Kladblok". U ziet een leeg document waarin u HTML-code kunt plaatsen.

Stap 2

Om een afbeelding in HTML te maken, wordt een tag gebruikt, die voor weergave in een sectie moet worden geplaatst. Bijvoorbeeld:

Afbeelding in HTML

Stap 3

De tag is niet-sluitend en vereist geen afsluitende tag. De belangrijkste parameter, die moet worden gebruikt, is src, die het pad naar het gewenste afbeeldingsbestand instelt. U kunt in deze regel zowel het volledige (met https://) als het relatieve pad (bijvoorbeeld /pictures/img.jpg) opgeven naar het afbeeldingsbestand dat u wilt plaatsen.

Stap 4

Een andere belangrijke parameter is alt, die de naam van de afbeelding en de identificatie ervan op de pagina definieert. Deze naam verschijnt wanneer de gebruiker de muis over de afbeelding beweegt.

Stap 5

U kunt ook de attributen width en height gebruiken om afbeeldingsparameters in te stellen. De eerste instelling is verantwoordelijk voor de lengte en de tweede voor de hoogte van de afbeelding op de pagina. Deze parameter wordt gespecificeerd in pixels. Zo kan de & img>-tag worden ingesteld:

Stap 6

Met behulp van deze tag wordt een afbeelding gemaakt waarvan het pad wordt vastgelegd in het src-attribuut. Als je met je muis over de afbeelding beweegt, zie je het bericht "naam afbeelding". In dit geval is de afbeelding 300 pixels breed en 250 pixels hoog. U kunt alle bovenstaande parameters naar wens instellen.

Stap 7

Sla de wijzigingen in het bestand op met de functie "Bestand" - "Opslaan". Open het document in een browser om te controleren of de afbeelding met succes in HTML is gemaakt. Klik hiervoor met de rechtermuisknop op het bestand en selecteer het gedeelte "Openen met" en klik vervolgens op de regel met de naam van uw browser. Het maken van HTML-afbeeldingen is voltooid.

Aanbevolen: