Yshopnoosa.com

HTML-kod att lägga en bild i navigeringsfältet

Lägga till en bild eller en grafisk knapp till webbplatsens navigeringsmeny kan bidra till att tydligt märka innehållet så att besökare lätt kan navigera på din webbplats. Hypertext Markup Language koden för att lägga till en bild till en navigeringsmeny är samma IMG SRC koden som används för att lägga till en bild i avsnittet huvuddelen av en webbsida. För att kontrollera att bilden visas korrekt utan att skada den navigering-menyn design eller övergripande sidlayouten, måste du använda en liten bild--oftast bara 10 till 20 skärm pixlar bred och djup--snarare än en stor bild. Du kan också behöva justera totalbredd navigeringsfältselement att tillgodose det extra utrymmet som krävs enligt bilden.

Förbereda bilden

Innan du lägger till bilden med HTML-kod, öppna bildfilen i rekommenderad grafikprogrammet eller datorns standard grafikprogram som Microsoft Paint. Skriv ner bredden och höjden av bilden på skärmen pixlar. Microsoft Paint visar denna information i statusfältet längst ned i bilden nedan. Om nödvändigt, minska storleken på bilden tills den är inte mer än 10-20 pixlar i bredd och höjd. Ladda upp bilden till din hemsidas värdservern.

Hitta navigationen menyn HTML-koden

Starta din HTML editor program, design webbprogrammet eller Microsoft Notepad text redaktör. Öppna webbsidan som innehåller navigeringsfält som du vill lägga till bilden. Bläddra till den befintliga koden för din navigeringsfältet. Du bör kunna hitta detta genom att leta över din webbplats sidor och webbadresserna för de sidor som utgör koden för navigering-menyn. På vissa webbplatser, designelementet kan vara märkt med "<----navigeringsmenyn---->" eller liknande text.

HTML-navigering kod typer

En HTML-webbsida navigationsmenyn finns oftast i en HTML-tabellelement eller ett DIV delade element. Hitta attributet bredd för avdelningen eller tabellen. till exempel < div stil = "bredd: 400 pixlar" > eller < tabell bredd = "400" >. Öka bredden attributet för att införliva bredden på bilden; till exempel, ändra det till "420." Även om du bör ändra attributet bredd i menyn navigeringselement, behöver du inte ändra bredden på andra omgivande designelement som de flesta webbsida mönster har tillräckligt med flexibilitet i dem att tillgodose små layout storleksändringar.

Lägg till bild HTML-kod

Lägg till själva HTML-koden för din bild, klicka i navigation-menyn kod på insättningspunktens position för bild koden. Skriv eller klistra in följande kod på denna plats:

< img src = "bilder/exempel-button.gif" alt = "exempel" >

Ändra sökvägen till filen inuti den första uppsättningen citattecken till rätt mapp och fil sökväg i förhållande till webbsidan. I det här exemplet är GIF bildfil som finns i undermappen "bilder" i webbplatsens rotkatalog. Om du lägger till bilden till huvudsakliga rotmappen, behöver du inte den "bilder /" del av sökvägen och bara filnamnet kommer att räcka. Också ändra bildbeskrivning "Alt" text till en en - eller två-ord beskrivning av bilden. Spara webbsidan och ladda upp den till din webbserver att genomföra förändringar.