Cum de a adăuga o imagine grafica site-ul dvs.

În acest capitol voi vorbi despre cum să adăugați la pagina de grafică, cum ar fi fotografia sau desen, precum și ceea ce se poate obține cu ei, folosind un set propus de limbaj tag-uri html.

Ai o imagine medie, care se află undeva pe hard disk. copie det și lipiți în dosarul (director) în cazul în care există pagini goale ale viitorului, bine că este acolo, în cazul în care pentru a salva un document HTML Notepad. Deci, aici e să-l insera în pagina noastră, este necesar să se specifice calea.

Iată cum:

În cazul în care foto.jpg este numele imaginii, în acest caz, deoarece fotografia este lângă documentul HTML, modul în care să-l nu specificam.

Da, amintiți-vă etichetă Ea nu are nevoie de o etichetă de închidere!

Acum, un număr de exemple în care calea este:

- Această intrare înseamnă că directorul în care documentul nostru HTML are myfoto dosarul în care fișierul este localizat foto.jpg
- Deci, de lângă documentul localizat în folderul myfoto există un alt dosar numit grafică, și deja că este necesar să ne foto.jpg fotografia pe care doriți să se stabilească afară pentru toate pentru a vedea.
- Acest lucru înseamnă că fotografia este plasat la nivelul documentului de mai sus
- Deci, în conformitate cu două niveluri mai mari, astfel cum a pus ../ așa și urca.

Puteți introduce, de asemenea, un loc fotografii, se referă la o anumită resursă on-line

Ei bine, să încercăm să pună fotografii.

Bună ziua lume.

Numele meu este Carlson! Am om destul de dolofan - aceasta este prima mea pagina! Aici vreau să găsesc noi prieteni, să meargă împreună pe acoperișuri! Sunt foarte mult ca vareno. Aștept cu nerăbdare să invitația la ceai. Am culca.

După cum se poate observa din acest exemplu de imagine a apărut, dar cu aspectul său schimbat text și nu doresc să ..

Să vorbim despre locația imaginii pe text.

Ca și în cazul altor tag-uri de asemenea, are propriile sale atribute. deja familiare pentru a ne alinia atributul „aliniere“ se aplică această etichetă

- fotografie din partea stângă a textului
- fotografie de pe dreapta textului
- Textul de mai sus fotografia
- Textul de mai jos fotografia
- Ei bine și, în consecință, textul în mijloc

În plus, pentru a alinia tag-ul Acesta are un număr de atribute, dar mai întâi să vă spun un pic despre pixeli. Pixel (dot), probabil ați auzit acest cuvânt și cred că cea mai mare parte a oamenilor care ținea un șoarece în mâinile lor știu ce este, dar încă. Un pixel este elementar unitatea indivizibilă a imaginii. Fiecare pixel are coordonatele sale, de exemplu, pixelul din stânga sus de pe ecran are coordonatele x = 1, y = 1, în timp ce partea din dreapta jos, în funcție de rezoluția ecranului. x = 800, y = 600 - este, respectiv, la o rezoluție de 800 x 600 pixeli. Cu toate acestea, aceste informații sunt utile pentru noi atunci, și acum trebuie să înțelegem că toate distanțele sunt măsurate în pixeli, imagini grafice. astfel încât imagine lung 800 pixeli și 600 pixeli în lățime la respectiva rezoluție va umple întregul ecran.

- atribut vspace specifică distanța verticală de la modelul textului, în acest caz, ne-am stabilit o distanță de 15 pixeli
- Distanța pe orizontală, respectiv,
- Lățimea imaginii direct
- Înălțimea imaginii. În cazul în care nu se utilizează lățimea și înălțimea atributele, lățimea și înălțimea imaginii în mod implicit este egală cu dimensiunea sa reală, fără nici o distorsiune.
- Border, cadru în jurul imaginii și grosimea acestuia în pixeli.
- borderColor - culoarea cadrului.
-Alt atribut - o descriere a imaginii. Dacă treceți cursorul deasupra imaginii noastre și țineți-l acolo timp de câteva secunde, acesta sare inscripția Aceasta este fotografia mea.
- alternativă Alt în acest caz.

O imagine statică poate face fundalul paginii. Pentru a face acest lucru, utilizați atributul de fundal „background“ deschiderea tag

Te sfătuiesc să practice în mod independent, cu plasarea de fotografii de pe pagina ta. Am dimensiunea, poziția, folosind diverse combinații de text, umplutură, frontiere. Trenul!

Numele meu este Carlson! Am om destul de dolofan - aceasta este prima mea pagina! Aici vreau să găsesc noi prieteni, să meargă împreună pe acoperișuri! Sunt foarte mult ca vareno. Aștept cu nerăbdare să invitația la ceai. Am culca.

Singurul lucru pe care, în acest exemplu, nu sunt atât de familiarizați cu această inscripție - - aceasta este așa-numitul Metacaracterul, în acest caz - un spațiu. de caractere speciale, iar numirea lor voi spune mai detaliat într-un capitol separat.

Sincer, eu exemplul meu nu este cu mult gust, într-un fel neglijent. Dar scopul este de a arăta ceea ce se poate face cu imaginile obținute cred că ..

Folosind grafica, fii atent. nu este necesar să se plaseze pe pagina mai imaginea megabiți în greutate, regret timpul și banii paginii vizitatorilor. O cantitate mare de elemente grafice la o viteză redusă a internetului poate duce la faptul că vizitatorul va închide pagina dvs. mai mult, până când acesta este încărcat.

Amintiți-vă că există utilizatori care dezactivează în mod intenționat încărcarea de imagini în browser-ul dvs., în scopul de a salva pe lățime de bandă și recomandă următoarele sfaturi pentru aceste lucruri:

În cazul în care desenele servesc ca butoane (vezi. Capitolul link-uri). asigurați-vă că pentru a le (atributul alt) semnează, de exemplu: „Du-te la pagina principală“ sau „Descărcați“ astfel încât oamenii cu grafica oprit ar putea să se concentreze într-un fel pe pagina ta.

Utilizarea imaginii ca fundal de document duplicat oo fundal umple ceea ce sau adecvat pentru culoarea de fundal (bgcolor atribut al etichetei )

ca aceasta, de exemplu:

Acest lucru ar însemna că, dacă, de exemplu, nu bocancului textura verde gurmand, de fundal este doar verde - care este mai bună, mai degrabă decât culoarea albă în decizia generală de proiectare site-ului.