Hoe een afbeelding in html in te voegen

Voeg afbeeldingen toe aan een website of een sociale netwerkpagina - een prachtige manier om de pagina te versieren. HTML (Hypertext Markup-taal) heeft veel functies voor webprogrammering, maar de vereiste code om afbeeldingen in te voegen is extreem eenvoudig.

Stappen

Methode 1 van 1:
Plaats een afbeelding in HTML
  1. Titel afbeelding Plaats afbeeldingen met HTML Stap 1
een. Controleer de afbeelding voor gratis hosting, zoals Photobucket of TinyPic, waardoor het gebruik van hulpbronnen door andere servers mogelijk is. Op sommige sites is het verboden, omdat het bandbreedte en plaats op de server gebruikt.
  • Als u een betaald hostingaccount hebt, downloadt u de afbeelding daar. Dit is betrouwbaarder dan een gratis site.
  • Titel afbeelding Plaats afbeeldingen met HTML Stap 2
    2. Open een nieuw document in een teksteditor (bijvoorbeeld in Kladblok) of een pagina op de site of een profiel waar u HTML kunt wijzigen.
  • Titel afbeelding Invoeg afbeeldingen met HTML Stap 3
    3. Begin met tag img. Label img Single, dat wil zeggen, hij heeft geen sluitlabel nodig, hoewel om naleving van XHTML-normen te bereiken, kunt u een spatie en slash toevoegen.
  • Titel afbeelding Invoeg afbeeldingen met HTML Stap 4
    4. Er zijn veel beschikbare items, maar alleen absoluut noodzakelijk:SRC. Het geeft de locatie of URL-afbeelding aan.
  • Titel afbeelding Insert Images met HTML Stap 5
    vijf. Vervolgens moet je een item toevoegen Alt. Het is verantwoordelijk voor de tekst die wordt getoond als het beeld om een ​​of andere reden niet opstart. Deze tekst kan ook blinde gebruikers gebruiken met behulp van schermleesprogramma`s.
  • Als u de cursor naar de afbeelding beweegt, wordt de reserve-tekst weergegeven in de uitleg van de actie, maar alleen in Internet Explorer. Crossbraser-oplossing (uitgevoerd in Firefox en etc.) - Gebruik een item Titel in aanvulling op Alt. Doe het niet als u de acties niet wilt uitleggen.
  • Bijvoorbeeld:
  • Titel afbeelding Invoeg afbeeldingen met HTML Stap 6
    6. Nu elementen Hoogte en breedte U kunt beeldformaten instellen, evenals specificeren van pixels of percentages. Opmerking Door het formaat te wijzigen, verandert u de grootte van de weergegeven afbeelding, de browser zal de brongrootte van de afbeelding nog steeds downloaden. Als uw afbeelding te groot is, wijzigt u de grootte in het programma voor beeldeditor, past picresize aan.Com

    • Tips

    • De waarde van deze elementen is aangegeven in pixels, of als een percentage van 1 tot 100.
    • U kunt een afbeelding of afbeelding overal op een webpagina plaatsen met de bovenste, onderkant, midden, rechts, links en t.NS.
    • Hspace-element wordt gebruikt om een ​​lege horizontale ruimte uit de afbeelding, links of rechts te maken. VSPACE-element - van boven of onder.
    • Stop niet met afbeeldingen, alles ziet er willekeurig en onprofessioneel uit.
    • Voor logo`s en cartoons passen afbeeldingen GIF, voor complexe afbeeldingen zoals foto`s van hoge kwaliteit, is het beter om JPEG te gebruiken.
    • GIF-afbeeldingen ondersteunen 8-bits kleur tot 256 kleuren. Met behulp van dit formaat voor foto`s, terwijl u iets verliest.
    • GIF-afbeeldingen ondersteunen transparantie. Misschien een beetje transparantie, dat wil zeggen, kan één kleur transparant worden gemaakt.
    • Afwisseling wordt ook ondersteund, t.E. Zelfs vóór het downloaden kan de gebruiker evalueren hoe de afbeelding eruit zal zien.
    • GIF-formaat ondersteunt ook animatie.

    Waarschuwingen

    Deel in het sociale netwerk:
    Vergelijkbaar