gtemata.com

Cum să centrați o imagine utilizând codul HTML

Cunoașterea modului de aliniere a imaginilor este importantă atunci când programați în HTML. Din păcate, în timp, limbile de programare se schimbă și evoluează, iar unele etichete HTML sunt depreciate, cu dezavantajul că unele browsere de internet nu mai sunt capabile să le recunoască și să le interpreteze. Încercați să utilizați una dintre metodele descrise în articol pentru a centra în mod corect o imagine dintr-o pagină web utilizând HTML. Dacă instrucțiunile furnizate nu funcționează, luați în considerare utilizarea unei foi de stil CSS.

paşi

Metoda 1

Aliniați o imagine în interiorul textului
1
Nu utilizați atributul "centru" în interiorul etichetei. În HTML, este posibil să se centreze textul utilizând atributul "centru", dar în cazul unei imagini trebuie folosit atributul "mijloc". O imagine nu este compusă din linii, așa că este identificată de browser în raport cu alte elemente ale paginii.
  • 2
    Creați o nouă linie de cod. Creați un paragraf pentru a indica browserului că începeți o nouă linie de text. Eticheta care indică începutul unui paragraf este

    , apoi începeți să introduceți textul dorit.

  • 3
    Acum introduceți imaginea utilizând următorul cod: gif". În acest moment, includeți descrierea imaginii utilizând atributul alt ="descrierea imaginii".
  • atributul "src" indică browserului unde să găsească imaginea, apoi reprezintă adresa URL a fotografiei care va fi afișată.
  • atributul "oprire" reprezintă descrierea textuală a imaginii și, foarte adesea, este utilizată ca un element de afișat utilizatorului atunci când browserul, din orice motiv, nu poate afișa imaginea reală.
  • 4
    Specifică alinierea imaginii. Introduceți atributul align ="mijloc">. Această bucată de cod reprezintă sfârșitul etichetei de imagine.
  • 5
    Adăugați partea finală a textului, apoi închideți paragraful utilizând eticheta. Iată o parte din codul de probă care rezumă ceea ce sa făcut în pașii anteriori:

    Învățăm să programăm în HTML. Exemplul nostru este complet.

    • Metoda 2

    Aliniați o imagine utilizând Centrul de etichete
    1


    Creați un element nou și centralizați în pagina web. În HTML, puteți introduce o imagine într-un element centrat. Cu toate acestea, este bine să ne amintim că în jurul elementului veți vedea un cadru de spațiu gol care ar putea fi inofensiv.
  • 2
    Se începe o nouă linie de cod. Părți prin centrarea elementului pe care îl veți crea. Introduceți eticheta
    .
  • 3
    Adăugați imaginea. Introduceți codul următor .
  • 4
    În acest caz, specificați înălțimea și lățimea pe care o va avea imaginea. Tastați următoarele atribute înălțime ="200" width ="200">. În funcție de nevoile dvs., puteți utiliza dimensiuni diferite. Codul indicat închide eticheta care va conține imaginea care urmează să fie afișată.
  • 5
    În acest moment închidem eticheta
    inițial utilizând următorul cod
    .     Iată o parte din codul de probă care rezumă ceea ce sa făcut în pașii anteriori:
    .

    • Avertismente

    • Fii atent deoarece atributul "alinia" și eticheta "centru" au fost deprimați. Aceasta înseamnă că, mai devreme sau mai târziu, acestea vor înceta să fie sprijinite și utilizate. Data exactă în care aceste două elemente va înceta să fie acceptată nu este încă cunoscută, însă viitoarele browsere de internet nu le vor mai recunoaște, iar codul va fi actualizat cu ajutorul unei foi de stil CSS sau cu noua versiune HTML5.
    Distribuiți pe rețelele sociale:

    înrudit