HodTari.com

Sådan indsættes billeder ved hjælp af HTML

Tilføjelse af billeder til en webside eller et socialt netværksprofil er en fantastisk måde at forbedre billedets udseende på. Hypertext Markup Language (HTML) -koden til at tilføje billeder er ret simpel og er normalt den første, der læres af en HTML-studerende.

trin

Del 1
Indsætte billedet

Video: #5 - Gimp og Baggrunde

Billede med titlen Indsæt billeder med HTML Trin 1
1
Upload billedet. I øjeblikket er der flere gratis image hosting-tjenester, såsom Picasa Web Albums, Imgur, Flickr eller Photobucket. Læs venligst brugsvilkårene omhyggeligt. Nogle af disse tjenester kan reducere kvaliteten af ​​det indsendte billede eller fjerne det, når det når et vist antal visninger (det skyldes, at billeder tager plads på serverne til disse virksomheder).
  • Nogle af de blog hosting-tjenester giver brugeren mulighed for at uploade billeder ved hjælp af deres egne blog administration værktøjer.
  • Hvis du abonnerer på en betalt hosting-tjeneste, skal du uploade billederne til dit eget websted ved hjælp af en FTP-tjeneste (File Transfer Protocol). Det anbefales at oprette en "billeder" -mappe for at opretholde organisationen af ​​dine filer.
  • Hvis du vil bruge et billede fra et andet websted, skal du spørge tilladelse fra dets skaber. Hvis anmodningen er givet, skal du downloade og uploade billedet til et billedwebsted.
  • Billede med titlen Indsæt billeder med HTML Trin 2
    2
    Åbn din HTML-fil. Åbn HTML-dokumentet, der svarer til den webside, hvor billedet skal vises.
    • Hvis du har til hensigt at indsætte et billede i et forum, skal du blot indtaste koden direkte i dit indlæg. Flere internetfora bruger et brugerdefineret system i stedet for HTML. Hvis dette ikke virker, spørg andre brugere om hjælp.
  • Billede med titlen Indsæt billeder med HTML Trin 3
    3
    Start med taggen IMG. Find placeringen i kroppen af ​​HTML-filen, hvor du vil indsætte et billede. Skriv tagget . Dette er et tomt tag, hvilket betyder, at det ikke har en lukkerkode. Alt, hvad der er nødvendigt for at vise et billede, skal gå ind i de to parenteser.
  • Billede med titlen Indsæt billeder med HTML Trin 4

    Video: Videotip nr. 2: Video og billedvifte | Min CEWE FOTOBOG, mit liv

    4
    Find URL til dit billede. Besøg den webside, hvor du var vært for billedet. Højreklik på billedet (på Mac, hold kontroltasten nede og klik med musen) og vælg "Kopier billedadresse". Hvis du foretrækker, skal du klikke på "Se billede" for at åbne det alene på en side og kopiere URL`en til adresselinjen.
    • Hvis du har uploadet billedet til dit eget websteds billedkatalog, skal du oprette et link til det som følger / billeder /Jeg kan ikke finde vej her. Hvis det ikke virker, er billedkataloget sandsynligvis i en anden mappe. Flyt det til rodmappen.
  • Billede med titlen Indsæt billeder med HTML Trin 5
    5
    Indtast URL-adressen inden for SRC-attributten. Du ved sikkert allerede, at HTML-attributter er placeret i tags for at ændre det. Attributten SRC betyder "kilde", og det er han, der informerer browseren om hvor man skal se for at finde billedet. Skriv src = "" og indsæt webadressen for billedet inde i citatmærkerne. Her er et eksempel:
  • Billede med titlen Indsæt billeder med HTML Trin 6
    6


    Tilføj en ALT-attributt. Teknisk set har HTML alt, hvad der kræves for at vise et billede. Det er dog bedre at tilføje attributten alt også. Den informerer webbrowseren om den tekst, der vises, når billedet ikke kan indlæses. Det vigtigste er, at dette hjælper søgemaskiner med at finde ud af indholdet af deres image, så skærmlæsere kan beskrive billedet til synshandicappede besøgende. Følg nedenstående eksempel og skift teksten fra citatmærkerne:
    • Hvis billedet ikke er vigtigt for sidens indhold, skal du tilføje ALT-attributten uden tekst inde i den ().
  • Billede med titlen Indsæt billeder med HTML Trin 7

    Video: Indsaet link tekst og billede.wmv

    7
    Gem dine ændringer. Gem webstedets HTML-fil. Gå til siden, du netop har redigeret eller opdateret, hvis den allerede er åben. Billedet skal vises. Hvis det er i forkert størrelse eller har et andet problem, skal du gå til næste afsnit.

    • Del 2
    Valgfrie indstillinger

    Billede med titlen Indsæt billeder med HTML Trin 8
    1
    Ændre billedets størrelse. For de bedste resultater skal du blot bruge et billedredigeringsprogram til at ændre størrelsen på dem og derefter sende den nye version. Definer attributter bredde (bredde) og højde (højde) af HTML`en, så browseren vil mindske eller øge billedet, hvilket kan være inkonsekvent i flere internetbrowsere og endda forårsage displayfejl (sjældent). Hvis du vil foretage en hurtig og funktionel justering, skal du bruge følgende format:
    • (Antal pixels eller "CSS pixels" i HTML5.)
    • eller (Procentdel af webside eller billedstørrelse.)
    • Hvis du kun indtaster en af ​​to attributter (bredde eller højde), skal browseren bevare bredden: højdeforholdet.
  • Billede med titlen Indsæt billeder med HTML Step 9
    2
    Tilføj et værktøjstip. Du kan bruge attributten titel (titel) for at tilføje en ekstra kommentar eller nogle oplysninger om billedet. Du kan f.eks. Bruge den til at give kreditter til forfatteren af ​​billedet. Generelt vises denne tekst, når en besøgende svæver over billedet.
  • Billede med titlen Indsæt billeder med HTML Part 2 Trin 3
    3
    Opret et link i billedet. For at gøre billedet til et link også, skal du indtaste billedkoden inde i linketiketten. Her er et eksempel:

    advarsler

    Kilder og citater

    Vis mere ... (5)
    Del på sociale netværk:

    Relaterede
    • © 2024 HodTari.com