Stap 2: Kop invoegen

Gebruik vervolgens de vereiste heading-tag van '

' tot '

' label. We gebruiken bijvoorbeeld de

-tag en voegen de specifieke tekst toe als een kop binnen de openings- en sluitingstags.

Stap 3: voeg een afbeelding toe met behulp van een URL

Voeg daarna een ' ”-tag en voeg de onderstaande kenmerken in de afbeeldingstag in:

• “ src ” attribuut wordt gebruikt voor het toevoegen van het mediabestand. Start daarvoor uw gewenste webbrowser en kopieer de gewenste afbeeldings-URL.
• Geef vervolgens de URL op als een waarde van de ' src ” attribuut.
• Volgende, ' alles ” wordt gebruikt voor het toevoegen van een naam aan de afbeelding wanneer deze om de een of andere reden niet wordt weergegeven.
• “ hoogte ” eigenschap specificeert de hoogte van het element volgens de gegeven waarde.
• “ breedte ” gebruikt voor het instellen van de breedte van het element:

< div klas = 'img-container' >

< h2 > Afbeelding toevoegen met URL < / h2 >

< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' alles = 'Afbeelding!' hoogte = '400 pixels' breedte = '300 pixels' / >

< / div >

Volgens de onderstaande uitvoer is de opgegeven afbeelding met succes toegevoegd:

Methode 2: afbeelding toevoegen met behulp van CSS-eigenschappen in HTML

Ontwikkelaars kunnen ook de afbeelding van een URL toevoegen met behulp van de CSS ' achtergrond afbeelding ”CSS. volg hiervoor de onderstaande stappen.

Stap 1: Kop invoegen

Voeg eerst een koptekst in met behulp van de

openings- en sluitingstag.

Stap 2: Maak een div-container aan

Maak vervolgens een div-container door gebruik te maken van de