Steg 2: Infoga rubrik

Använd sedan den obligatoriska rubriktaggen från '

' till '

'-tagg. Till exempel kommer vi att använda taggen

och lägga till den specifika texten som en rubrik i de inledande och avslutande taggarna.

Steg 3: Lägg till en bild med URL

Lägg sedan till ett ' ” tagga och infoga nedanstående attribut i bildtaggen:

• ' src ”-attributet används för att lägga till mediafilen. För detta ändamål, starta din önskade webbläsare och kopiera önskad bild-URL.
• Ange sedan webbadressen som ett värde för ' src ' attribut.
• Nästa, ' allt ” används för att lägga till ett namn för bilden när den av någon anledning inte visas.
• ' höjd egenskapen specificerar elementets höjd enligt det givna värdet.
• ' bredd ” används för att ställa in bredden på elementet:

< div klass = 'img-conatiner' >

< h2 > Lägg till bild med URL < / h2 >

< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' allt = 'Bild!' höjd = '400px' bredd = '300px' / >

< / div >

Enligt nedanstående utdata har den angivna bilden lagts till framgångsrikt:

Metod 2: Lägg till bild med CSS-egenskaper i HTML

Utvecklare kan också lägga till bilden från en URL med hjälp av CSS ' bakgrundsbild 'CSS. för detta ändamål, följ stegen nedan.

Steg 1: Infoga rubrik

Först infogar du en rubriktext med hjälp av

öppnings- och stängningstaggen.

Steg 2: Skapa div-behållare

Skapa sedan en div-behållare genom att använda taggen