Voeg 'n prent by met behulp van html

Om prente by jou webwerf of sosiale netwerkprofiel te voeg, is `n uitstekende manier om jou webblad aan te trek. HTML (HyperText Markup Language) het tonne funksies om webblaaie te skep, maar gelukkig is die kode wat jy nodig het om beelde by te voeg nie te moeilik nie.

Trappe

Metode 1 van 1: Voeg prente met HTML in

Prent getiteld Voeg prente in met HTML Stap 1
1. Laai jou prent op na `n gratis gasheerwebwerf, soos Photobucket of TinyPic, wat hot-skakeling moontlik maak. Warmskakeling maak voorsiening vir `n direkte skakel van `n prent na die webwerf se bediener; sommige verskaffers het dit verbied omdat warm skakeling hul bandwydte opgebruik en spasie op hul bedieners opneem.
  • As jy `n betaalde gasheerrekening het, laai die beelde direk op na die bediener waar jou webwerf geplaas is. Dit is altyd meer betroubaar as `n gratis webwerf en hoef glad nie duur te wees nie.
Prenttitel Voeg prente in met HTML Stap 2
2. Maak `n nuwe dokument oop in `n teksredigeerder (b.v., Notepad/Notepad) of maak die bladsy in jou webwerf/profiel oop waar jy die HTML-kode direk kan verander.
Prenttitel Voeg prente in met HTML Stap 3
3. Begin met die img merker. Die img etiket is leeg, wat beteken dat geen sluitingsmerker nodig is nie. Maar vir XHTML-bekragtiging kan jy steeds `n spasie en `n skuinsstreep voor dit plaas groter as teken.
Prenttitel Voeg prente in met HTML Stap 4
4. Daar is baie beskikbare eienskappe, maar net een is nodig:src. Dit is die ligging/adres, of ook die URL, van jou prent.
Prenttitel Voeg prente in met HTML Stap 5
5. Dan moet jy alt kenmerk byvoeg. Dit sal `n alternatiewe teks wys, ingeval die prent nie sal laai nie. Dit is ook `n diens vir gesiggestremdes wat skermlesers gebruik.
As jy die wyser oor `n prent beweeg, word hierdie teks ook as `n nutswenk gewys, maar dit is slegs die geval in Internet Explorer. Die oplossing wat met alle blaaiers werk (Firefox et al.) is daarvoortitel eienskap wat langsaan gebruik moet word alt. (Jy kan laasgenoemde weglaat as jy nie wil hê dat die prent `n nutswenk moet hê nie.)

As `n voorbeeld:"net

  1. 1. Nou kan jy moontlik die grootte van die prent aandui, met die hoogte en breedte kenmerk, en deur die pixels of `n persentasie te spesifiseer. Let daarop dat die grootte van die grootte op hierdie manier slegs die grootte van die skerm verander, nie die grootte van die prent self nie. Om die laaityd van `n prent te verkort, is dit beter, veral met groot prente, om dit vooraf met fotoredigeringsagteware of met `n aanlyndiens soos PicResize te verander.com.
  2. "net
Prent getiteld Voeg prente in met HTML Stap 6Bullet1
  • "net
    Prent getiteld Voeg prente in met HTML Stap 6Bullet2
  • Wenke

    • Die waarde vir hierdie eienskappe word óf in pixels gegee, óf in `n persentasie, van 1-100%.
    • Die prent kan op enige plek op die webblad geplaas word, deur die verskillende formateringskenmerke soos bo, onder, middel, regs, links, ens.
    • Die hspace-kenmerk word toegepas om horisontale spasie links en regs van `n prent in te voeg, deur die vspace-kenmerk te gebruik om spasie aan die bo- en onderkant van beelde en ander voorwerpe te maak.
    • Moenie te veel met beelde geniet nie. Dit lyk morsig en onprofessioneel.
    • GIF-prente is goed vir logo`s of spotprente, maar hierdie lêertipe is minder geskik vir foto`s en ander beelde met baie kleure.
    • GIF-beelde ondersteun slegs 8-bis kleur met `n maksimum van 256 kleure vir `n prent. Dit is dus te verwagte dat die weergawe van `n 16 of 24 bis kleur illustrasie of foto minder goed sal wees.
    • GIF-beelde ondersteun ook deursigtigheid. Een bietjie deursigtigheid is moontlik wat beteken dat een kleur deursigtig gemaak kan word.
    • Interlacing word ook ondersteun deur GIF-beelde wat beteken dat die werfbesoeker `n idee kry van hoe die prent sal lyk voordat dit volledig gelaai is.
    • Die GIF-formaat ondersteun ook animasie.
  • Maak seker dat die URL die lêerformaat van die prent aandui (.jpg .jpg ens.).
  • Waarskuwings


    Оцените, пожалуйста статью