nemuchtorstont.ru

Voeg `n prent by met HTML

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

stappe

Voeg prente met HTML in

Prent getiteld Voeg prente in met HTML Stap 1
1
Laai jou prent op na `n gratis hostingwebwerf, soos Photobucket of TinyPic, wat warmkoppeling toelaat. Hot-linking laat die moontlikheid van `n direkte skakel van `n beeld na die bediener van die webwerf toe. Sommige verskaffers het dit verbied omdat hot-linking hul bandwydte gebruik en ruimte op hul bedieners inneem.
  • As u `n betaalde hosting rekening het, laai die beelde direk na die bediener waar u webwerf geplaas word. Dit is altyd meer betroubaar as `n gratis webwerf en hoef glad nie duur te wees nie.
  • Prent getiteld Voeg prente in met HTML Step 2
    2
    Maak `n nuwe dokument oop in `n teksredigeerder (bv., Notepad / rotepad) of open die bladsy in u webwerf / profiel waar u die HTML-kode direk kan verander.
  • Prent getiteld Voeg prente in met HTML Stap 3
    3
    Begin met die img tag. die img merker is leeg, wat beteken dat geen afsluitingsetiket nodig is nie. Maar vir XHTML-validering kan jy nog `n spasie en `n slash daarvoor plaas groter-as teken.
  • Prent getiteld Voeg prente in met HTML Step 4
    4


    Daar is baie eienskappe beskikbaar, maar net een is nodig: src. Dit is die plek / adres, of ook die URL, van jou prent.
  • Prent getiteld Voeg prente in met HTML Stap 5
    5
    Dan moet jy dit doen alt voeg kenmerk toe. Dit toon `n alternatiewe teks, as die prent nie wil laai nie. Dit is ook `n diens vir gesiggestremde mense wat skermlesers gebruik.
  • As jy die wyser oor `n prentjie beweeg, sal hierdie teks ook as `n gereedskaptip vertoon word, maar dit is net die geval in Internet Explorer. Die oplossing wat werk met alle blaaiers (Firefox et al.) is daarby title gebruik eienskap benewens alt. (U kan laasgenoemde weglaat as u nie wil hê dat die prent `n gereedskapstip het nie.)

    • As voorbeeld:

    1. 1
      Nou kan jy moontlik die grootte van die prentjie aandui height en width eienskap, en deur die pixels of `n persentasie te spesifiseer. Let daarop dat u die grootte van die aansig net verander, nie die grootte van die beeld self nie. Om die laai tyd van `n prent te verkort, is dit beter, veral vir groot beelde, om hulle vooraf te verminder met fotobewerkingsprogrammatuur of met `n aanlyndiens soos PicResize.com.
    2. Prent getiteld Voeg prente in met HTML Step 6Bullet1
    3. Prent getiteld Voeg prente in met HTML Step 6Bullet2

    wenke

    • Die waarde vir hierdie eienskappe word óf in pixels of in `n persentasie van 1-100% gegee.
    • Die prent kan op enige plek op die webblad geplaas word, met behulp van die verskillende uitleg eienskappe soos bo, onder, middel, regs, links, ens.
    • Die hspace-kenmerk word gebruik om die horisontale spasie links en regs van `n prent in te voeg deur die vspace-kenmerk te gebruik om bo-en onderkant van beelde en ander voorwerpe te skep.
    • Moenie te veel met prente leef nie. Dit lyk rommelig en onprofessioneel.
    • GIF beelde is goed vir logo`s of spotprente, maar vir beelde en ander beelde met baie kleure is hierdie lêer tipe minder geskik.
    • GIF-beelde ondersteun slegs 8-bis kleure met `n maksimum van 256 kleure vir `n prent. Dit kan dus verwag word dat die lewering van `n 16 of 24-bis kleur illustrasie of foto nie so goed sal werk nie.
    • GIF beelde ondersteun ook deursigtigheid. Een deel van deursigtigheid is moontlik, wat beteken dat een kleur deurskynend gemaak kan word.
    • Interlacing word ook ondersteun deur GIF beelde wat beteken dat die besoeker van die webwerf `n idee kry van hoe die prentjie lyk voordat dit volledig gelaai is.
    • Die GIF-formaat ondersteun ook animasie.
  • Maak seker dat die URL die lêerformaat van die prent (.jpg .jpg ens) noem.

    • waarskuwings

    Deel op sosiale netwerke:

    Verwante