Învățați să încorporați imagini

Învățați să încorporați imagini

Pe această pagină, vă vom arăta cum să încorporați o imagine într-un document Web și cum să atribuiți în mod corespunzător link-uri către alte documente sau resurse Web.







Dacă imaginea este pe un alt site, atunci calea este scrisă complet:

Vreau să vă atrag atenția asupra faptului că numele fișierului grafic din etichetă trebuie specificat în conformitate cu registrul PHOTO.jpg, photo.JPG, photo.jpg și PHOTO.JPG sunt nume diferite de fișiere.



Prima mea pagină



Aceasta este prima mea pagină.




La mine toți se vor întoarce.






Cu greu dimineata Petersburg tren nu au în curs de dezvoltare într-adevăr de la cluburile de fum locomotiva, sa oprit la platforma stației de Nikolaiev, abia conductorii tras înapoi scara și a salutat de la transportul de primă clasă pe platforma a sărit un tânăr de aspect remarcabil.
Părea să iasă din tablou
revista pariziană laudă moda sezonului de vara 1882: nisip chesuchovy costum de lumină, pălărie cu boruri largi de paie italiene, pantofi pointy cu jambiere albe și cheile de argint în mână - trestie elegant, cu un buton de argint la fel.
Cu toate acestea, atenția a fost atrasă nu atât de mult de o dandy îmbrăcăminte de un pasager,
cât de impresionant, chiar se poate spune, un aspect spectaculos.
Tânărul era înalt, subțire, cu umăr larg, privindu-i lumea cu ochi albastri,
avea o mustață neobișnuit de subțire, răsucite, iar părul său negru și îngrijit de pieptene avea o trăsătură ciudată - arhitectură intrigantă pe temple.

Boris AKUNIN





să te uiți

Din exemplu, puteți vedea că lângă imagine o linie de text, astfel încât textul să fie situat aproape de imagine, trebuie să ne amintim despre aliniamentul atributului deja familiar, care este responsabil pentru aliniere.

  • Imaginea va fi apăsată pe marginea din stânga a ecranului, iar textul va curge în jurul acesteia în dreapta.
  • Imaginea va fi apăsată pe marginea dreaptă a ecranului, iar textul va curge în jurul acesteia spre stânga.
  • Textul va fi situat în partea de jos a imaginii.
  • Textul va fi situat în mijlocul imaginii.
  • Textul va fi situat în partea de sus a imaginii.






În plus față de atributul align pentru etichetă puteți introduce mai multe atribute:

  • Atributul vspace specifică distanța dintre text și imagine vertical (în pixeli).
  • Atributul hspace specifică și distanța dintre text și desen, dar orizontal (în pixeli).
  • Atributul alt este o scurtă descriere a imaginii.
  • Atributul de lățime este lățimea imaginii însăși (în pixeli).
  • Atributul de înălțime este înălțimea imaginii însăși (în pixeli).
  • Atributul de graniță este cadrul din jurul imaginii în sine (în pixeli).

Vă reamintesc că atributele pentru o etichetă pot fi utilizate simultan unul cu celălalt, în documentul acesta va arăta astfel:

Imaginea va fi lângă marginea din stânga a ecranului, textul va curge în jurul spre dreapta, distanța până la textul orizontal - 30 de pixeli pe verticală - 5 pixeli, lățimea imaginii de 320 pixeli, înălțimea imaginii la 256 pixeli, cadrul din jurul imaginii nu este, bine, dacă treceți peste cursorul imaginii, apoi apare vârful "Doar o imagine".



Prima mea pagină



Aceasta este prima mea pagină.




La mine toți se vor întoarce.






Cu greu dimineata Petersburg tren nu au în curs de dezvoltare într-adevăr de la cluburile de fum locomotiva, sa oprit la platforma stației de Nikolaiev, abia conductorii tras înapoi scara și a salutat de la transportul de primă clasă pe platforma a sărit un tânăr de aspect remarcabil.
Părea să iasă din tablou
revista pariziană laudă moda sezonului de vara 1882: nisip chesuchovy costum de lumină, pălărie cu boruri largi de paie italiene, pantofi pointy cu jambiere albe și cheile de argint în mână - trestie elegant, cu un buton de argint la fel.
Cu toate acestea, atenția a fost atrasă nu atât de mult de o dandy îmbrăcăminte de un pasager,
cât de impresionant, chiar se poate spune, un aspect spectaculos.
Tânărul era înalt, subțire, cu umăr larg, privindu-i lumea cu ochi albastri,
avea o mustață neobișnuit de subțire, răsucite, iar părul său negru și îngrijit de pieptene avea o trăsătură ciudată - arhitectură intrigantă pe temple.

Boris AKUNIN





să te uiți

Pentru a aranja imaginea în centrul ecranului, în dreapta sau în stânga, reamintiți paragrafele

sau
aceste etichete aliniază nu numai textul.
Puteți face o imagine cu fundalul principal al documentului, adăugați atributul background = "photo.jpg" pentru eticheta de deschidere

Atributul de fundal indică unde se află imaginea de fundal, în acest exemplu indică faptul că imaginea de fundal se află în același folder ca și documentul nostru. Încercați în notebook adăugați atributul de fundal pentru eticheta de deschidere și vezi ce poți face. Ca fundal, poți să iei orice imagine sau să salvezi pe computer proba mea.







Articole similare

Trimiteți-le prietenilor: