Centrează textul în HTML

HyperText Markup Language (HTML) este modul în care majoritatea paginilor web sunt manipulate în ceea ce privește opțiunile de formatare, cum ar fi alinierea, paragrafele, caracterele aldine și cursivele și așa mai departe. Dacă schimbați codul HTML al unei pagini Web, puteți încerca două tipuri diferite de editare a textului: HTML și foi de stil cascadă (CSS). Puteți învăța cum să centrați textul în HTML achiziționând codul de bază HTML și încercând aceste metode.

metodă

Metoda 1
alinierea HTML

1
Pregătiți-vă să lucrați în pagini HTML învățând elementele de bază ale codului HTML.
  • Uită-te la diferite etichete pe care le poți folosi pentru a schimba fontul sau formatarea textului. Un mic "b" în paranteze ascuțite este z. B. utilizat pentru a specifica textul îngroșat. Un mic "i" în paranteze unghiulare indică text italicizat. Nu includeți citatele din cod.
    Imaginea intitulată Centrul text în HTML Pasul 1Bullet1
  • Practicați combinarea etichetelor. Majoritatea etichetelor de formatare necesită două etichete, una la început și una la sfârșitul textului pe care doriți să îl modificați. Prima zi conține literele sau simbolurile etichetei în paranteze unghiulare (<>). A doua zi conține un backslash înainte de ziua curentă. Pentru textul îndrăzneț te-ai z. De exemplu, la începutul textului care trebuie boldat, plasați un "b" în paranteze unghiulare și la sfârșitul textului bold "/ b" în paranteze unghiulare.
    Imaginea intitulată Centru text în HTML Pasul 1Bullet2
  • Imaginea intitulată Text de centru în HTML Pasul 2
    2
    Găsiți textul din pagina dvs. web pe care doriți să îl centrați.
  • Imaginea intitulată Text de centru în HTML Pasul 3
    3
    Plasați eticheta "center" în paranteze unghiulare la începutul textului. Nu introduceți spații între etichetă și text.
  • Imaginea intitulată Text de centru în HTML Pasul 4
    4
    Puneți eticheta "/ center" în paranteze unghiulare la sfârșitul textului. Nu includeți spații.
  • Imaginea intitulată Text de centru în HTML Pasul 5
    5
    Salvați site-ul dvs. web. Priviți-l pentru a vă asigura că ați aliniat corect textul.
    • Dacă aceasta nu a modificat alinierea textului, atunci utilizați un program precum HTML5 care utilizează codul CSS în loc de codarea HTML. În acest caz, încercați următoarea metodă pentru a obține dreptul de text.
      Imaginea intitulată Centru text în HTML Pasul 5Bullet1


  • Metoda 2
    aliniere CSS

    1
    Pregătiți-vă să schimbați CSS în pagina dvs. de web prin aflarea noțiunilor de bază ale CSS. Codul CSS este inserat peste codul HTML, deoarece cele două limbi de marcare funcționează împreună.
    • Aflați termenii corpului, h1, h2 și h3. Acestea indică textul real al unei pagini web, i. textul normal. h1 reprezintă cel mai mare titlu. h2 și h3 sunt mai mici. Aceasta este o limbă similară cu cea utilizată în HTML pentru a marca părți ale unei pagini Web.
      Imaginea intitulată Centrul de text în HTML Pasul 6Bullet1
    • Utilizați etichetele în ghilimele în loc de parantezele pătrate. Poziționați etichetele CSS în ghilimele după cuvântul "corp" sau "h1". După corp puteți z. De exemplu, specificați următoarele în ghilimele: "text-indent: 50px;". Aceasta este o declarație de indentare a textului.
      Imaginea intitulată Centru text în HTML Pasul 6Bullet2
  • Imaginea intitulată Text de centru în HTML Pasul 7
    2
    Găsiți suportul HTML pentru începutul textului pe care doriți să-l modificați. Plasați codurile de stil CSS în primul rând în acest rând de cod HTML.
    • Dacă tu De exemplu, pentru a schimba poziția de sus, ați putea găsi "h1" în paranteze unghiulare.
      Imaginea intitulată Centrul de text în HTML Step 7Bullet1
  • Imaginea intitulată Centru text în HTML Pasul 8
    3
    Plasați următorul cod imediat după "h1" și înainte de a închide parantezele pătrate: "Text-align = centru;".
  • Imaginea intitulată Text de centru în HTML Pasul 9
    4
    Introduceți consola de închidere imediat după punct și virgulă. Salvați site-ul dvs. web.
    • De asemenea, puteți înlocui cuvântul "centru" cu "dreapta", "stânga" sau "justificați" pentru o orientare diferită.
      Imaginea intitulată Centru text în HTML Pasul 9Bullet1
  • Ce ai nevoie

    • Un site web
    Distribuiți pe rețelele sociale:

    înrudit