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
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.
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.
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.
4
Există multe atribute disponibile, dar numai una este necesară: src. Aceasta este locația / adresa sau, de asemenea, adresa URL a imaginii dvs.
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.
Ca exemplu:
- 1Acum 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.
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.
avertismente
Distribuiți pe rețelele sociale:
înrudit
- Conversia imaginilor de la JPG la PNG
- Vizualizați codul sursă al unei pagini Web
- Creați o pagină personalizată pe Tumblr
- Adăugați o imagine de fundal în HTML
- Creați un link de descărcare pe site-ul dvs. web
- Creați o pagină web simplă cu Windows Notepad
- Adăugați o semnătură în contul dvs. Gmail
- Scrieți o pagină HTML
- Adăugați un link către site-ul dvs. web
- Creați o pagină web simplă cu HTML
- Hacking un site web cu cod HTML simplu
- Creați gratuit un server Minecraft
- Eliberați-vă propriul site gratuit
- Găsiți adresa web a imaginilor
- Aflați HTML
- Adăugați jаvascript pe site-ul dvs. web cu HTML
- Crearea unei gazde web la domiciliu
- Începeți un site web al companiei
- Adăugați spații în HTML
- Creați un site web gratuit
- Rotiți un fișier HTML