Paano Mag-Center ng Teksto sa HTML

May -Akda: Laura McKinney
Petsa Ng Paglikha: 10 Abril 2021
I -Update Ang Petsa: 1 Hulyo 2024
Anonim
HTML Tutorial 20 Tagalog - ADDING LINK TO IMAGE
Video.: HTML Tutorial 20 Tagalog - ADDING LINK TO IMAGE

Nilalaman

Itinuturo sa iyo ng wikiHow na ito kung paano isentro ang teksto sa website ng HTML gamit ang Cascading Style Sheets (CSS). Ang nakasentro na teksto sa HTML ay tapos na sa mga tag

, ngunit ang tag na ito ay itinuturing na luma na at hindi na gumagana sa karamihan ng mga browser.

Mga hakbang

Paraan 1 ng 2: Sa pamamagitan ng CSS

  1. Buksan ang file na naglalaman ng mga estilo ng CSS. Kahit na ang kard
    hindi napapanahon, ngunit maaari ka pa ring lumikha ng mga bagong elemento upang idagdag kahit saan sa pahina upang isentro ang teksto sa loob ng kanilang mga hangganan. Kung wala kang isang hiwalay na CSS file, kailangan mong tukuyin ang istilo sa tuktok ng HTML file, sa pagitan ng mga "tag.’.
    • Kung wala pang kard Kailangan mong idagdag nang direkta sa ibaba ng card sa tuktok ng file ay ang mga sumusunod:

  2. Lumikha ng layer ng text center. Kard
    hihilingin sa dokumento ng HTML na mag-refer sa tukoy na bahagi ng teksto, kaya kakailanganin mong uriin ang tag na ito. Mangyaring ipasok ang sumusunod na teksto sa puwang sa pagitan ng "style" na tag, huwag kalimutang pindutin ↵ Ipasok dalawang beses pagkatapos ng unang linya:

    • Magdagdag ng mga pag-aari text-align. Angkat text-align: gitna; sa puwang sa pagitan ng mga brace sa seksyon div.a. Ganito ang magiging hitsura ng kasalukuyang pamagat:

      • Magdagdag ng Kard div ang teksto ay dapat na nakasentro. Magpatuloy sa pamamagitan ng paglalagay ng card
        teksto sa itaas ng teksto na nais mong sentro at isara sa mga tag sa ibaba ng teksto na nais mong isentro. Halimbawa, upang isentro ang isang pamagat at ang pambungad na talata, kailangan mong i-type ang sumusunod:
        • Paggamit ng mga kard div.a upang sentro ang iba pang mga rehiyon. Kung nais mong mag-sentro ng isa pang elemento (halimbawa, nilalaman sa pagitan ng mga tag tulad at

          ), pumasok
          sa harap ng teksto at sa pagkatapos nito. Dahil tinukoy mo ang "div.a" bilang nakasentro na utos, ang teksto na ito ay magiging sentro tulad ng naunang:
          • Pagsuri sa dokumento. Maaaring magkakaiba ang mga nilalaman, ngunit sa pangkalahatan ang iyong dokumento ay dapat na magmukhang ganito:
              anunsyo

            Paraan 2 ng 2: Gamitin ang gitnang tag sa HTML

            1. Buksan ang dokumento ng HTML. Inilalarawan ng pamamaraang ito kung paano gumamit ng mga HTML tag
              (ngayon ay lipas na rin). Hanggang sa Disyembre 2018, ang card na ito ay aktibo pa rin sa ilang mga web browser, ngunit sa pangmatagalan, hindi mo pa rin dapat gamitin ang kard na ito.
            2. Tukuyin ang teksto na nais mong isentro. Mag-scroll pababa hanggang sa makita mo ang pamagat, talata, o iba pang teksto na nais mong isentro.
            3. Idagdag ang tag na "gitna" sa mga dulo ng teksto. Ang format ng tag na ito ay mayroong isang format
              text
              kung saan "text" ang teksto na kailangang isentro. Kung ang teksto ay mayroon nang panloob na tag (halimbawa, "" para sa talata), ang tag na "gitna" ay maaaring nasa labas ng anumang paunang mayroon nang mga tag:
              • Suriin ang dokumento ng HTML. Dapat ganito ang hitsura ng dokumento:
                  anunsyo