itholoinfo.com.com

Cum să centrați textul în HTML

HyperText Markup Language (HTML) este modul în care majoritatea paginilor web sunt editate cu decizii de formatare, cum ar fi alinierea, paragrafele, îndrăzneala și dimensiunea fontului. Dacă editați cod HTML pentru o pagină, puteți încerca două tipuri de editare a textului: Foi de stil HTML și Cascadă (CSS). Puteți învăța cum să centrați textul în HTML învățând codurile HTML de bază și încercând aceste metode.

pași

Metoda 1
Alinierea HTML

1
Pregătiți-vă să editați pagini HTML învățând elementele de bază ale codului HTML.
  • Consultați diferitele etichete pe care le puteți utiliza pentru a modifica fontul sau pentru formatarea textului. De exemplu, pentru a identifica textul cu caractere aldine, se utilizează un "b" între majuscule și semne minore. Pentru a identifica textul cu caractere cursive, se utilizează o literă "i" mică. Nu includeți ghilimele în codul dvs.
    Imagine intitulată Centru text în HTML Pasul 1Bullet1
  • Exersați etichete de pereche. Majoritatea etichetelor de formatare necesită 2 etichete la începutul și sfârșitul textului pe care doriți să îl modificați. Prima etichetă include literele sau simbolurile etichetei între semnele majore și cele minore (<>). Cel de-al doilea va include o contra-bar înainte de etichetă. De exemplu. Așezați un "b" între semnele majore și minore la începutul textului îndrăzneț și "/ b" între semnele majore și cele minore după textul aldine.
    Imagine intitulată Centru text în HTML Pasul 1Bullet2
  • Imagine intitulată Centru text în HTML Pasul 2
    2
    Găsiți textul pe care doriți să-l centrați pe pagina dvs.
  • Imagine intitulată Centru text în HTML Pasul 3
    3
    Poziționați eticheta "centrală" între semnele majore și cele minore înainte de începerea textului. Nu puneți nici un spațiu între etichetă și text.
  • Imagine intitulată Centru text în HTML Pasul 4
    4
    Puneți eticheta "/ center" între semnele majore și cele minore după text. Nu includeți nici un spațiu.
  • Imagine intitulată Centru text în HTML Pasul 5
    5
    Salvați pagina. Vizualizați pentru a vă asigura că ați aliniat corect textul.
    • Dacă acest lucru nu modifică alinierea textului, atunci utilizați un program precum HTML5 care folosește mai degrabă codarea CSS decât codarea HTML. Încercați a doua metodă pentru a alinia corect textul.
      Imagine intitulată Centru text în HTML Pasul 5Bullet1


  • Metoda 2
    Alinierea CSS

    1
    Pregătiți-vă să modificați CSS paginii dvs. de învățare elementele de bază ale CSS. Codul CSS este inserat deasupra codului HTML, deoarece aceste două limbi de marcare funcționează împreună.
    • Recunoașteți termenii corpului, h1, h2 și h3. Ele sunt folosite pentru a indica corpul text al unei pagini sau textul mai mic și normal. Cel mai mare antet este h1, în timp ce h2 și h3 sunt mai mici. Acest lucru este similar cu limba pe care o utilizați în codul HTML pentru a identifica părți ale unei pagini Web.
      Imagine intitulată Centru text în HTML Pasul 6Bullet1
    • Utilizați paranteze în loc de semne mai mari și mai mici. Veți plasa eticheta dvs. CSS în paranteze după cuvântul "corp" sau "h1". De exemplu, după corp, puteți introduce următoarele în interiorul parantezelor "text-indent: 50px;". Aceasta vă instruiește să vă indentați textul. Nu includeți ghilimele în codul dvs.
      Imagine intitulată Centru text în HTML Pasul 6Bullet2
  • Imaginea intitulată Text din centru în HTML Pasul 7
    2
    Găsiți cel mai mare și cel mai mic semnal din HTML la începutul textului pe care doriți să-l modificați. Veți plasa codurile de stil CSS în interiorul primei etichete în această linie de cod HTML.
    • De exemplu, dacă vrem să modificăm antetul superior, puteți găsi "h1" între semnele majore și minore.
      Imagine intitulată Centru text în HTML Pasul 7Bullet1
  • Imagine intitulată Centru text în HTML Pasul 8
    3
    Puneți următorul cod imediat după "h" și înainte de semnul plus care "text-align = center;" Nu includeți ghilimele.
  • Imagine intitulată Centru text în HTML Pasul 9
    4
    Adăugați semnul plus la scurt timp după punct și virgulă. Salvați pagina.
    • De asemenea, puteți înlocui cuvântul "centru" cu "drept", "stânga" sau "justificați" pentru a încerca diferite aliniere.
      Imagine intitulată Centru text în HTML Pasul 9Bullet1
  • Materiale necesare

    • Abilități HTML de bază
    • Abilități de bază în CSS
    • Pagină web
    Distribuiți pe rețelele sociale:

    înrudit
    Cum se adaugă un fișier CSS într-un fișier HTMLCum se adaugă un fișier CSS într-un fișier HTML
    Cum se adaugă un hyperlink cu HTMLCum se adaugă un hyperlink cu HTML
    Cum se adaugă un simbol de marcă HTMLCum se adaugă un simbol de marcă HTML
    Alinierea ceva în HTMLAlinierea ceva în HTML
    Cum să învățați HTMLCum să învățați HTML
    Cum să centrați o imagine HTMLCum să centrați o imagine HTML
    Cum se creează un buton HTML pentru o legăturăCum se creează un buton HTML pentru o legătură
    Cum se creează un link HTMLCum se creează un link HTML
    Cum se creează un tabel în HTMLCum se creează un tabel în HTML
    Cum se afișează ora în HTMLCum se afișează ora în HTML
    » » Cum să centrați textul în HTML
    © 2021 itholoinfo.com.com