Hur Man Lägger En Bild På En Webbplats

Innehållsförteckning:

Hur Man Lägger En Bild På En Webbplats
Hur Man Lägger En Bild På En Webbplats

Video: Hur Man Lägger En Bild På En Webbplats

Video: Hur Man Lägger En Bild På En Webbplats
Video: How to Add Images using HTML into a Webpage | Lesson 05 | HTML 2024, April
Anonim

Allt som webbsurfaren ser på sidorna på webbplatsen återges för honom av webbläsaren baserat på den detaljerade informationen som skickas av webbservern. Denna information kallas sidans html-kod och består av separata instruktioner - "taggar", som beskriver utseendet och platsen för varje enskilt element. För att lägga till ett nytt element (till exempel en bild) till en webbplats måste du placera en motsvarande instruktion (tagg) i källkoden.

Hur man lägger en bild på en webbplats
Hur man lägger en bild på en webbplats

Instruktioner

Steg 1

Lägg till en bild på sidan med sidredigeraren, om du har möjlighet att använda innehållshanteringssystemet. Ladda först in önskad sida i redigeraren och se till att visuellt redigeringsläge är aktiverat. Det kallas ibland den engelska akronymen WYSIWYG (Vad du ser är vad du får). I visuellt läge ser sidan ut som på webbplatsen. Du måste klicka med musen på platsen där du behöver infoga bilden och trycka på knappen "infoga bild" på redigeringspanelen.

Steg 2

Välj en bild från listan som redan finns på servern, som öppnar den visuella redigeraren för dig i dialogrutan för infogning av bilder. Om du ännu inte har laddat ner den, klicka sedan på sökknappen för önskad fil på din dator ("Bläddra"), hitta och öppna den och klicka sedan på knappen "Ladda upp" (eller "Ladda ner"). I slutet av processen att ladda upp filen till servern läggs bilden till i listan och du kan också välja den.

Steg 3

Ange ramens bredd och färg runt bilden, fyllningsfärgen och avståndet mellan ramen och bilden, texten i popup-verktygstipset när du svävar. Det skadar inte att ange storleken på bilden, även om detta, som alla inställningar i denna dialog (förutom att välja en bild), är valfritt. När du har fyllt i alla obligatoriska fält i dialogrutan klickar du på "OK" -knappen. Detta avslutar proceduren för att infoga en bild, allt som återstår är att spara den redigerade sidan.

Steg 4

Om du inte kan använda sidredigeraren för kontrollsystemet eller om det inte har ett visuellt redigeringsläge måste du komponera och lägga till den önskade HTML-taggen till källkoden. Det enklaste alternativet kan se ut så här: Här är img namnet på taggen, och webbläsaren använder den för att dra slutsatsen att en bild ska visas här. Attributet src innehåller adressen och namnet på bildfilen. Om filen placeras i samma mapp som sidan krävs inte fullständig URL. Du kan lägga till en popup-verktygstips när du svävar med hjälp av titelattributet, och kantbredden kan anges i gränsattributet: Ersätt de önskade attributen med dina värden och klistra in den resulterande HTML-koden för taggen i sidkällan. Detta kan göras i en enkel textredigerare genom att ladda ner källan från webbplatsens server och sedan ladda upp den igen.

Steg 5

Ladda upp bildfilen till webbplatsen. Detta kan göras med hjälp av filhanteraren i kontrollsystemet eller värdleverantörens panel, eller så kan du använda det inhemska programmet - FTP-klient. Det första alternativet är enklare, eftersom det inte kräver installation och justering av programmet - filhanteraren fungerar direkt i webbläsaren.

Rekommenderad: