sedhesrebsit.ru

Adăugați o imagine cu HTML

Adăugarea de imagini pe site-ul dvs. sau în profilul rețelei sociale este o modalitate excelentă de a vă imbraca pagina web. HTML (Hypertext Markup Language) are numeroase caracteristici pentru crearea de pagini web, dar codul de care aveți nevoie pentru a adăuga imagini nu este din fericire prea dificil.

pași

Inserarea imaginilor cu HTML

Imagine intitulată Inserați imagini cu HTML Pasul 1
1
Încărcați imaginea pe un site web gratuit de găzduire, cum ar fi Photobucket sau TinyPic, care permite conectarea la cald. Hot-linking permite posibilitatea unei legături directe între o imagine de unii furnizori de la serverul de website- l-au interzis, deoarece hot-linking folosind lățimea de bandă lor și ocupă spațiu pe serverele lor.
  • Dacă aveți un cont de gazduire plătit, încărcați imaginile direct pe serverul pe care este plasat site-ul dvs. Web. Acest lucru este întotdeauna mai sigur decât un site gratuit și nu trebuie să fie deloc costisitor.
  • Imaginea intitulată Inserați imagini cu HTML Pasul 2
    2
    Deschideți un document nou într-un editor de text (de ex., Notepad / rotepad) sau deschideți pagina din site-ul / profilul dvs. unde puteți schimba direct codul HTML.
  • Imaginea intitulată Inserați imagini cu HTML Pasul 3
    3
    Începeți cu img tag-ul. img eticheta este goală, ceea ce înseamnă că nu este necesară nicio etichetă de închidere. Dar, pentru validarea XHTML, puteți încă să plasați un spațiu și un slash pentru aceasta mai mare decât semneze.
  • Imagine intitulată Inserați imagini cu HTML Pasul 4
    4


    Există multe atribute disponibile, dar numai una este necesară: src. Aceasta este locația / adresa sau, de asemenea, adresa URL a imaginii dvs.
  • Imaginea intitulată Inserați imagini cu HTML Pasul 5
    5
    Atunci trebuie să o faci alto adăugați atribut. Aceasta arată un text alternativ, în cazul în care imaginea nu dorește să se încarce. Acesta este, de asemenea, un serviciu pentru persoanele cu deficiențe de vedere care utilizează cititoare de ecran.
  • Dacă plasați cursorul peste o imagine, acest text va fi afișat și ca o sugestie, dar acest lucru este valabil numai în Internet Explorer. Soluția care funcționează cu toate browserele (Firefox et al.) este la ea titlu utilizați atributul în plus față de alto. (Puteți omite ultima dacă nu doriți ca imaginea să aibă o sugestie.)
  • Ca exemplu:

    1. 1
      Acum puteți indica mărimea imaginii, cu ea înălțime și lățime atribut și specificând pixelii sau un procentaj. Rețineți că modificând dimensiunea în acest fel, veți schimba numai dimensiunea vizualizării, nu dimensiunea imaginii. Pentru a reduce timpul de încărcare a unei imagini este mai bine, în special pentru imagini de mari dimensiuni, pentru a reduce în prealabil cu software-ul de editare foto sau un serviciu online ca PicResize.com.
    2. Imaginea intitulată Inserați imagini cu HTML Step 6Bullet1
    3. Imagine intitulată Inserați imagini cu HTML Step 6Bullet2

    sfaturi

    • Valoarea pentru aceste atribute este dată fie în pixeli, fie într-un procent, de 1-100%.
    • Imaginea poate fi plasată oriunde pe pagina web, utilizând diferite atribute ale aspectului, cum ar fi top, jos, mijloc, dreapta, stânga etc.
    • Atributul hspace este folosit pentru a introduce spațiu orizontal pe partea stângă și dreaptă a unei imagini, atributul vspace este folosit pentru a crea spațiu în partea de sus și de jos a imaginilor și a altor obiecte.
    • Nu trăiți prea mult cu imaginile. Arată dezordonat și neprofesional.
    • Imaginile GIF sunt bune pentru logo-uri sau desene animate, dar pentru imagini și alte imagini cu mai multe culori acest tip de fișier este mai puțin potrivit.
    • Imaginile GIF acceptă numai culori pe 8 biți, cu maximum 256 de culori pentru o imagine. Deci, este de așteptat ca redarea unei ilustrații de culoare sau a unei fotografii de 16 sau 24 biți să nu funcționeze la fel de bine.
    • Imaginile GIF susțin, de asemenea, transparența. Un pic de transparență este posibil, ceea ce înseamnă că o singură culoare poate fi făcută transparentă.
    • Întrețeserea este, de asemenea, susținută de imagini otrăvească ceea ce înseamnă că ideea vizitatorul site-ul devine de modul în care imaginea va arata ca înainte de a fi complet încărcată.
    • Formatul GIF acceptă, de asemenea, animație.
  • Asigurați-vă că adresa URL menționează formatul de fișier al imaginii (.jpg .jpg etc).
  • avertismente

    Distribuiți pe rețelele sociale:

    înrudit
    Vizualizați codul sursă al unei pagini WebVizualizați codul sursă al unei pagini Web
    Creați o pagină personalizată pe TumblrCreați o pagină personalizată pe Tumblr
    Adăugați o imagine de fundal în HTMLAdăugați o imagine de fundal în HTML
    Creați un link de descărcare pe site-ul dvs. webCreați un link de descărcare pe site-ul dvs. web
    Creați o pagină web simplă cu Windows NotepadCreați o pagină web simplă cu Windows Notepad
    Adăugați o semnătură în contul dvs. GmailAdăugați o semnătură în contul dvs. Gmail
    Scrieți o pagină HTMLScrieți o pagină HTML
    Adăugați un link către site-ul dvs. webAdăugați un link către site-ul dvs. web
    Creați o pagină web simplă cu HTMLCreați o pagină web simplă cu HTML
    Hacking un site web cu cod HTML simpluHacking un site web cu cod HTML simplu
    » » Adăugați o imagine cu HTML

    © 2011—2021 sedhesrebsit.ru