tag-ul img

În această lecție ne vom uita la modul de a insera imagini de pagină HTML (tag-ul img), cum pentru a modifica dimensiunea (lățimea și înălțimea), adăuga text, în cazul în care nu este încărcat (alt). Ne vom uita, de asemenea, la modul de a face alinierea (Align), fac o legătură, sau a pus un cadru pentru a face un fundal.

Inserare imagine. Cale relativă și absolută

Responsabil pentru introducerea elementului img (o abreviere a englezilor. Imaginea a cuvântului), acest element nu are nici o eticheta de închidere. Img tag-ul, precum și alte elemente au atribute diferite, considerăm doar cele mai relevante dintre ele până în prezent.

Pentru a afișa pe pagina, trebuie să specificați calea către acesta, și este setat folosind atributul src (prescurtarea de la ANL. Sursa). calea imaginii poate fi fie absolută sau relativă. Uită-te la un exemplu:

Aceasta este o cale relativă, care este relativ la poziția HTML fișier cu acest cod. În acest caz, imaginea noastră în imaginile dosar.

Dacă fișierul este în același director ca și codul:

Să ne imaginăm acum jumătate mașină.

  • Trebuie remarcat faptul că până în prezent, dimensiunile specificate mai frecvent folosind CSS. Dar această metodă, de asemenea, dimensiunea de sarcina pe care trebuie să știți, pentru că Acestea sunt două moduri de lucru un pic diferit, ceea ce se poate face în practică.

Atributul alt

Ce se întâmplă dacă imaginea nu este încărcată?

Se întâmplă ca unii utilizatori pentru propriile lor motive dezactiva programul, dar apoi în loc de mașini va fi fie un spațiu gol sau un pătrat cu o imagine de logo-ul (în funcție de browser-ul dvs.). Puteți să vă asigurați că utilizatorii care dezactivează programul ar putea vedea imagini în loc de text cu descrierea lui, dar aceasta se face cu ajutorul alt pentru a rezolva această problemă.

Acum, când programul a fost dezactivat în loc de un spațiu gol sau un pătrat gol al utilizatorului se va vedea textul „Prima mașină McLaren“.

tag-ul img

tag-ul img

  • Atributul align pentru astăzi este depășită, deoarece complet înlocuit cu CSS. Conștientă de existența acestuia poate fi utilă, deoarece există momente când este mai ușor sau mai convenabil de a le folosi, ce CSS stiluri (nu vorbim despre imagini).

situația este extrem de simplu cu rama. Este definită folosind granița cu valorile 0. mai mare numărul, cadrul mai gros.

tag-ul img

  • Această proprietate este, de asemenea, depășit, de asemenea, din cauza utilizării sale în CSS.
  • Culoare cadru se potrivește cu culoarea textului specificat în corpul elementului prin intermediul atributului text cu o valoare de culoare, de exemplu, text = „roșu“. Nu utilizați astfel de înregistrări, după cum ieri. CSS este mult mai largă decât aceste oportunități.
  • Între cadru și imaginea, puteți indenta mijloace HTML, dar nu vom lua în considerare, deoarece CSS are o capacități mai ample.

tag-ul img

Pentru a testa tranziția, faceți clic pe fotografie.

imagine de fundal

Imaginea de fundal se face prin adăugarea proprietatea de fond la elementul corpului. Dar va fi repetat pe orizontală și pe verticală. exemplu:

  • Acordați o atenție deosebită faptul că fundalul este deja depășită.
  • În CSS, puteți asigurați-vă că fundalul nu se repetă, sau repetate numai pe orizontală sau pe verticală. Există, de asemenea, posibilitatea de a repeta fundal pe orizontală și pe verticală, în același timp.