3 Txoj hauv kev rau Ntxig Spaces hauv HTML

Cov txheej txheem:

3 Txoj hauv kev rau Ntxig Spaces hauv HTML
3 Txoj hauv kev rau Ntxig Spaces hauv HTML

Video: 3 Txoj hauv kev rau Ntxig Spaces hauv HTML

Video: 3 Txoj hauv kev rau Ntxig Spaces hauv HTML
Video: Nkauj Hma Txoj Kev Hlub 3 2024, Tej zaum
Anonim

Qhov wikiHow qhia koj yuav ua li cas ntxig qhov chaw thiab kab sib cais hauv HTML. Txij li thaum koj tsuas yog tsim ib qho chaw hauv koj li HTML thaum koj nias lub spacebar ntau zaus, koj yuav tsum siv HTML cim npe txhawm rau ntxig ntau dua ib qho chaw ib zaug.

Kauj ruam

Txoj Kev 1 ntawm 3: Siv HTML Code

Ntxig Spaces hauv HTML Kauj Ruam 1
Ntxig Spaces hauv HTML Kauj Ruam 1

Kauj Ruam 1. Qhib daim ntawv HTML

Koj tuaj yeem hloov kho cov ntawv HTML siv cov ntawv kho kab ntawv zoo li Notepad lossis TextEdit ntawm Windows. Koj kuj tseem tuaj yeem siv tus HTML editor zoo li Adobe Dreamweaver. Ua raws cov theem no kom qhib ib daim ntawv HTML.

  • Tshawb nrhiav cov ntaub ntawv HTML hauv File Explorer ntawm lub khoos phis tawj Windows (lossis Finder ntawm Mac).
  • Txoj cai-nias lub HTML ntawv koj xav hloov.
  • Hover hla qhov kev xaiv " Qhib nrog ”.
  • Nyem qhov program koj xav siv los kho cov ntaub ntawv.
Ntxig Spaces hauv HTML Kauj Ruam 2
Ntxig Spaces hauv HTML Kauj Ruam 2

Kauj Ruam 2. Nias tus yuam sij qhov chaw txhawm rau ntxiv qhov chaw ib txwm muaj

Txhawm rau ntxiv qhov chaw ib txwm muaj, nyem qhov uas koj yuav tsum tau ntxig ib qho chaw thiab nias lub spacebar ntawm koj cov keyboard. Feem ntau, HTML yuav tso tawm tsuas yog ib qhov chaw ntawm cov lus, tsis hais txog pes tsawg zaus koj nias lub spacebar.

Image
Image

Kauj Ruam 3. Ntaus kom yuam qhov chaw ntxiv tom qab

Cov txiaj ntsig tau paub yog qhov chaw tsis tawg lossis qhov chaw ruaj khov vim tias nws tiv thaiv kab kev sib cais ntawm qhov chaw uas tso cai.

  • Piv txwv li, ntaus Nyob zoo txhua tus! txhawm rau ntxiv qhov chaw ntxiv ntawm lo lus "Nyob Zoo" thiab "txhua tus!"
  • Yog tias koj siv cov cim no ntau dhau, koj lub browser yuav muaj lub sijhawm nyuaj rau ntxig kab ua kom huv thiab nyeem tau yooj yim.
  • Koj tseem tuaj yeem ntaus kom yuam kev ntxig qhov chaw.
Image
Image

Kauj Ruam 4. Ntxig qhov chaw ntawm ntau qhov dav

Koj tuaj yeem ntxiv qhov chaw ntev dua siv ib qho ntawm cov hauv qab no:

  • Ob qhov chaw - Hom
  • Plaub qhov chaw - Hom
  • Indent - Hom

Txoj Kev 2 ntawm 3: Siv CSS Code

Ntxig Spaces hauv HTML Kauj Ruam 5
Ntxig Spaces hauv HTML Kauj Ruam 5

Kauj Ruam 1. Qhib daim ntawv HTML lossis CSS

CSS tus lej tuaj yeem siv rau lub hauv paus ntawm ib daim ntawv HTML lossis sau ua lwm daim ntawv CSS sab nraud.

Lub taub hau ntawm daim ntawv HTML yog nyob rau sab saum toj ntawm cov ntawv. Tshooj lus no yog nruab nrab ntawm cov cim "" thiab ""

Image
Image

Kauj Ruam 2. Tsim ntu ntu rau CSS tus lej

Qeb style yuav tsum tau ntxiv ntawm lub taub hau ntawm HTML code lossis hauv ib daim ntawv cais style. Siv cov chij hauv qab no los tsim ntu ntu hauv cov ntawv HTML lossis cais cov ntawv style.

  • Ntaus kom qhib cov ntu ntu. Txhua tus lej CSS xav tau ntxiv tom qab lub cim no.
  • Ntaus kom kaw cov style ntu. Txhua tus lej CSS yuav tsum tau nkag mus ua ntej lub cim kaw no.
Image
Image

Kauj Ruam 3. Ntaus cov hauv qab no rau hauv ntu style: p {text-indent: 5em;}. Tus chij no qhia tus browser kom nkag mus rau tsib qhov chaw thaum ntxiv rau qhov tsim nyog HTML code.

  • Koj tuaj yeem hloov kho tus lej lossis dav ntawm qhov chaw los ntawm kev ntaus tus lej sib txawv tom qab "ntawv-indent:" code.
  • Chav tsev "em" yog sib npaug rau ib qho chaw ntawm qhov tshwj xeeb lossis siv tus ntawv loj. Koj tuaj yeem siv lwm chav xws li feem pua (piv txwv li "text-indent: 15%;") lossis cov chav ntev (piv txwv li "text-indent: 3mm;").
Image
Image

Kauj Ruam 4. Tikka

ntawm qhov koj xav nkag mus rau hauv.

Lub cim no yuav tsum tau ntxiv rau lub cev ntawm HTML, ua ntej cov ntawv koj xav nkag mus rau hauv. Tom qab ntawd, qhov indent raws li qhov tshwj xeeb tau teev tseg hauv CSS code yuav raug ntxiv rau cov ntawv.

Txoj Kev 3 ntawm 3: Siv Cov Ntawv Preformatted

Ntxig Spaces hauv HTML Kauj Ruam 9
Ntxig Spaces hauv HTML Kauj Ruam 9

Kauj Ruam 1. Qhib daim ntawv HTML

Koj tuaj yeem hloov kho cov ntawv HTML siv cov ntawv kho kab ntawv zoo li Notepad lossis TextEdit ntawm Windows. Koj kuj tseem tuaj yeem siv tus HTML editor zoo li Adobe Dreamweaver. Ua raws cov theem no kom qhib ib daim ntawv HTML.

  • Tshawb nrhiav cov ntawv HTML hauv File Explorer ntawm lub khoos phis tawj Windows (lossis Finder ntawm Mac).
  • Txoj cai-nias lub HTML ntawv koj xav hloov.
  • Hover hla qhov kev xaiv " Qhib nrog ”.
  • Nyem qhov program koj xav siv los kho cov ntaub ntawv.
Image
Image

Kauj Ruam 2. Hom

ua ntej cov ntawv koj xav tau preformat.

Cov cai yog preformatted ntawv qhib token.

Image
Image

Kauj Ruam 3. Ntaus cov ntawv uas xav tau tom qab"

".

Nrog preformatting, txhua qhov chaw thiab kab tawg tau tsim siv "Enter" qhov tseem ceeb yuav tshwm nyob hauv nplooj ntawv HTML.

Image
Image

Kauj Ruam 4. Hom tom qab ntawv.

Cov ntawv preformatted ntu yuav xaus.

Lub tswv yim

  • Yog tias qhov chaw koj tau ntxig tsim cov cim coj txawv txawv hauv koj tus browser, nws muaj peev xwm tias nws tshwm sim los ntawm cov ntaub ntawv ntxiv hauv cov ntawv txheej txheem txheej txheem uas yuav tsum tsis tso tawm hauv is taws nem. Koj tuaj yeem tiv thaiv lub cim los ntawm kev tshwm sim los ntawm kev ntaus tus lej hauv kab lus yooj yim kho qhov program, xws li Notepad lossis TextEdit.
  • CSS yog cov lus yooj yim dua thiab kwv yees tau zoo rau hom lus rau tsim cov ntsiab lus ntawm nplooj ntawv web, suav nrog cov kab lus sib nrug.
  • Qhov chaw ruaj (qhov chaw tsis tawg)
  • yog ib qho piv txwv ntawm tus cwj pwm, tus lej uas hais txog tus yam ntxwv uas koj tsis tuaj yeem ntaus los ntawm cov keyboard.

Ceeb toom

  • HTML cim rau Tab

  • tsis ua haujlwm raws li koj xav tau. Cov ntaub ntawv HTML tus qauv tsis muaj kev tso npe tso tseg yog li cov cim ntawd yuav tsis ua haujlwm.
  • Ib txwm sau koj tus lej HTML hauv tus kho kab ntawv lossis kab ntawv yooj yim, thiab tsis yog hauv cov lus ua cov ntawv ua hom ntawv (piv txwv li Lo Lus).

Pom zoo: