Hur Man Placerar En Bild

Innehållsförteckning:

Hur Man Placerar En Bild
Hur Man Placerar En Bild

Video: Hur Man Placerar En Bild

Video: Hur Man Placerar En Bild
Video: Enkel friläggning i Photoshop 2024, November
Anonim

Bilder, som alla andra delar av en webbsida, visas av webbläsaren i enlighet med de detaljerade instruktioner som servern skickar. Dessa instruktioner är skrivna i HTML (HyperText Markup Language) och består av "taggar". Taggar beskriver typen av alla element på en webbsida, deras plats och utseende.

Hur man placerar en bild
Hur man placerar en bild

Instruktioner

Steg 1

Först måste du ladda upp bildfilen till servern. Detta kan göras med hjälp av FTP (File Transfer Protocol) via ett speciellt program. Dessa program kallas FTP-klienter - till exempel Cute FTP, WS FTP, FlashFXP och andra. Men du kan ladda ner det via filhanteraren, som ska finnas i kontrollpanelen för den webbhotell där din webbplats är värd. Filhanteraren låter dig ladda upp filer via din webbläsare.

Steg 2

Därefter måste du placera motsvarande tagg i HTML-koden på önskad sida. Det vill säga du bör hitta den här sidan och öppna dess källkod för redigering. Om du har en sidfil kan du öppna den med en enkel textredigerare - till exempel standard anteckningsblock. Och om du använder något system för att hantera webbplatsen, leta redigeraren på sidan i administrationspanelen och öppna önskad sida i den. Därefter återstår det att infoga bildtaggen på den plats du behöver på sidan och spara ändringarna.

Steg 3

Mer om själva taggen - i sin enklaste form kan den se ut så här: Taggen innehåller olika ytterligare information - "attribut". Det krävs bara ett attribut för bildtaggen - src. Det berättar webbläsaren adressen där den ska hämta filen som innehåller carnink. Om den här filen finns på servern i samma mapp (eller undermapp) som själva sidan är det tillräckligt att bara ange dess namn eller sökvägen till undermappen. Sådana adresser kallas "relativa". Och en absolut adress kan se ut så här:

--Another attribute - alt="Image" - innehåller texten som visas i verktygstips på muspekaren: De andra attributen - titeln gör samma sak: - Två attribut - bredd och höjd - ställ in storleken på rektangeln där webbläsaren visar bilden: Dessa attribut är inte nödvändiga, men om något går fel och bilden inte kan laddas kan alla andra element på sidan vara felaktiga, eftersom webbläsaren inte känner igen de dimensioner som bilden borde ha ockuperat. Mått anges i "pixlar" - detta är den huvudsakliga måttenhet som används i sidlayout. - Gränsattributet ställer in bredden på kanten runt bilden (i pixlar): Om en bild görs en länk, kommer webbläsaren att rita en blå kant runt den som standard. För att bli av med det måste du ställa in gränsvärdet till noll: - Två attribut ställer in bildens indrag från intilliggande element (till exempel från textrader) - hspace ställer in den horisontella indragningen (vänster och höger), vspace - vertikalt (botten och överst): - Dessa är de mest använda attributen, och det finns över 50 av dem för den här taggen!

Rekommenderad: