Conas Leathanach HTML a Scríobh

Údar: Laura McKinney
Dáta An Chruthaithe: 3 Mí Aibreáin 2021
An Dáta Nuashonraithe: 1 Iúil 2024
Anonim
Conas Leathanach HTML a Scríobh - Leideanna
Conas Leathanach HTML a Scríobh - Leideanna

Ábhar

Is teanga bhunúsach é HTML (HyperText Markup Language) chun leathanaigh ghréasáin a thógáil. Cruthaíodh é mar theanga chódaithe éasca agus solúbtha. Forbraítear beagnach gach suíomh Gréasáin ar an Idirlíon le cineál éigin den chód seo (ColdFusion, XML, XSLT). Tá sé furasta HTML a thuiscint, ach is féidir leat foghlaim faoi ar feadh i bhfad má tá suim agat ina fheidhmiúlacht chuimsitheach. Chun dath agus spraoi a chur le do shuíomh Gréasáin, is féidir leat CSS bunúsach a fhoghlaim a luaithe a thiocfaidh tú i dtaithí ar leathanach bunúsach HTML.

Céimeanna

Cuid 1 de 4: Doiciméad a Thógáil

  1. Oscail eagarthóir téacs simplí. Is rogha maith é NotePad agus is féidir é a íoslódáil saor in aisce. Is féidir leat HTML a scríobh le mórchuid na n-eagarthóirí téacs, ach is féidir le bogearraí níos casta le cumais formáidithe uathoibríocha a bheith deacair do leathanach HTML a eagrú.
    • Ná húsáid TextEdit, mar is gnách go sábhálann sé an comhad i bhformáid nach n-aithníonn do bhrabhsálaí mar HTML.
    • Is féidir leat eagarthóir HTML ar líne a úsáid freisin. Ní mholtar cláir thiomnaithe eagarthóireachta HTML do thosaitheoirí.


  2. Sábháil comhad mar leathanach gréasáin. Roghnaigh Comhad → Sábháil Mar atá sa roghchlár ag an mbarr. Athraigh formáid an chomhaid go "Leathanach Gréasáin", ".html" nó ".htm". Sábháil an comhad áit ar féidir leat é a fháil go héasca.
    • Níl aon difríocht idir na trí rogha seo.

  3. Oscail an comhad i mbrabhsálaí. Cliceáil faoi dhó ar an gcomhad, agus osclófar go huathoibríoch é mar leathanach gréasáin bán i do bhrabhsálaí. Nó is féidir leat brabhsálaí a oscailt, cosúil le Firefox nó Internet Explorer, agus ansin File → Open File a úsáid chun an doiciméad a roghnú.
    • Níl an suíomh Gréasáin seo ar líne. Ní féidir é a fheiceáil ach ar do ríomhaire.


  4. Athnuachan an leathanach gréasáin agus féach na hathruithe a rinneadh. Clóscríobh an méid seo a leanas i do dhoiciméad bán: Dia dhuit. Sábháil an doiciméad. Athnuachan an leathanach bán bán i do bhrabhsálaí, agus ba cheart duit an focal "Dia duit" a fheiceáil i gcló trom le feiceáil ag barr an leathanaigh. Aon uair is mian leat do HTML nua a thástáil le linn an teagaisc seo, sábháil an doiciméad .htm, agus ansin fuinneog do bhrabhsálaí a athnuachan le feiceáil conas a thiomsaítear HTML.
    • Má fheiceann tú na focail ""agus"Le feiceáil i do bhrabhsálaí, níor tiomsaíodh an comhad i gceart i HTML. Bain triail as eagarthóir téacs difriúil nó brabhsálaí difriúil.


  5. Foghlaim na clibeanna. Scríobhtar orduithe HTML i “gclibeanna” a insíonn don bhrabhsálaí conas do leathanach gréasáin a thiomsú agus a thaispeáint. Scríobhtar iad i gcónaí taobh istigh de luachana aonair , agus ní thaispeántar iad ar an leathanach gréasáin mar a d’úsáid tú iad sa sampla thuas:
    • is "cárta tosaigh" nó "cárta tosaigh" é. Sainmhíneofar aon rud a scríobhfar tar éis an chlib seo mar "trom" (trom ar leathanach gréasáin).
    • is "tag deiridh" nó "clib deiridh" é, ar féidir leat idirdhealú a dhéanamh leis an tsiombail / comhartha. Léiríonn sé deireadh téacs trom. Teastaíonn clib deiridh ón gcuid is mó de na clibeanna (ní gach ceann) chun feidhmiú, mar sin déan cinnte é a áireamh.

  6. Tóg do dhoiciméad. Scrios gach rud i do dhoiciméad HTML. Tosaigh leis an téacs seo a leanas, díreach mar a scríobhadh é (lúide na pointí piléar). Insíonn an cód HTML seo don bhrabhsálaí cén cineál HTML atá á úsáid agat, agus go gcuirfear do HTML go léir taobh istigh de na clibeanna. agus .

  7. Cuir na clibeanna ceann (ceann) agus coirp leis. Tá cáipéisí HTML roinnte ina dhá chuid. Tá an chuid “barr” le haghaidh faisnéise speisialta, cosúil le teideal an leathanaigh. Tá príomhábhar an leathanaigh sa chuid "corp". Cuir an dá chuid seo le do dhoiciméad, agus cuimhnigh na clibeanna deiridh a chur san áireamh. Tá an téacs nua-bhreise trom:

  8. Tabhair teideal do do leathanach. Níl tábhacht ar bith leis an gcuid is mó de na cártaí sa rannán ceann le foghlaim le bunleibhéal. Tá an chlib teidil furasta le húsáid, áfach, agus socróidh sé cad is ainm mar fhuinneog an bhrabhsálaí nó ar chluaisín an bhrabhsálaí. Cuir do chlibeanna tosaigh agus deiridh ceannlíne taobh istigh de na clibeanna ceann, agus scríobh aon cheanntásca is mian leat idir na clibeanna sin:
    • Mo chéad leathanach HTML.
    fógra

Cuid 2 de 4: Formáidiú Téacs

  1. Cuir téacs le do chorp. Maidir leis an gcuid seo, ní oibreoimid ach le clibeanna coirp. Beidh an téacs eile fós i do dhoiciméad, ach sábhálfaimid spás trí gan é a athdhéanamh sa rang teagaisc seo. Scríobh cibé rud is mian leat idir na cártaí agus , agus beidh sé le feiceáil mar an chéad ábhar ar do leathanach. Mar shampla:
    • Lean mé treoracha wikiHow chun leathanach HTML a scríobh.

  2. Cuir ceannteidil leis an téacs. Eagraigh do leathanach le clibeanna ceannteidil, a threoraíonn don bhrabhsálaí téacs eatarthu a thaispeáint i gclómhéid níos mó. Úsáideann innill chuardaigh agus uirlisí eile na clibeanna seo freisin chun a fháil amach céard atá i gceist le do shuíomh Gréasáin agus conas a eagraítear é.

    Is é an ceannteideal is mó, agus is féidir leat ceannteidil níos lú a chruthú suas go
    . Bain triail astu ar do leathanach:

    • Fáilte go dtí mo leathanach.

    • Lean mé treoracha wikiHow chun leathanach HTML a scríobh.

    • Mo sprioc inniu:

    • Spriocanna críochnaithe:
    • Faigh amach conas ceannteidil a úsáid.
    • Spriocanna neamhchríochnaithe:
    • Níos mó clibeanna formáidithe téacs a fhoghlaim.

  3. Níos mó clibeanna formáidithe téacs a fhoghlaim. Tá an chlib “láidir” feicthe agat cheana, ach tá go leor bealaí eile ann chun do théacs a fhormáidiú. Bain triail as na clibeanna seo, nó le clibeanna iolracha ag an am céanna don téad téacs céanna. Cuimhnigh clibeanna deiridh a chur sa chúl!
    • Téacs tábhachtach, ar taispeáint i gcló trom sa bhrabhsálaí.
    • Téacs béime, ar taispeáint i gcló iodálach sa bhrabhsálaí.
    • Téacs beagán níos lú ná mar is gnách. Athrófar an téacs seo go huathoibríoch má úsáidtear é i gceannteideal.
    • Níl an téacs ábhartha a thuilleadh, ar taispeáint le fleasc coirp.
    • Cuirtear téacs isteach níos déanaí ná cáipéisí eile, agus taispeántar é le línte.

  4. Eagraigh téacs ar do leathanach. B’fhéidir gur thug tú faoi deara nach leor an eochair “Iontráil” a bhrú chun an téacs a thaispeáint ar líne eile. Is féidir leis na clibeanna seo cabhrú leat míreanna agus sosanna líne a chruthú, nó do théacs a shocrú ar bhealaí eile:

    • Gearr do “mhír,” coimeádfaidh an chlib seo an téacs go léir idir na clibeanna seo i mír, agus é a dheighilt ón téacs os a chionn agus faoina bhun.


    • Ginfidh an chlib seo sosanna líne. Ná cuir clib deiridh leis, mar ní chuireann sé isteach ar aon ábhar eile. Úsáid an chlib seo i dánta nó i línte seoltaí, ní i míreanna. 
    • Más gá duit an téacs a thaispeáint go cruinn, leagann an chlib seo an téacs istigh ann go cló leithead seasta (tá an leithead céanna ag gach litir), agus tugann sé deis duit eatraimh a chruthú Blanks agus sosanna líne mar is mian leat le haghaidh eagarthóireacht rialta in ionad clibeanna.
    • Sainmhíníonn an chlib seo an cineál téacs a luaitear ó fhoinse.
      Is féidir leat cur síos a dhéanamh ar an bhfoinse níos déanaí le cárta lua.

  5. Cuir téacs fotheidil dofheicthe leis. Ní thaispeántar clibeanna tráchta ar an leathanach gréasáin. Ligeann siad duit tú féin a anótáil sa doiciméad HTML gan dul i bhfeidhm ar an ábhar. Ná cuir clib deiridh leis.
    • Tugtar "clibeanna folmha" ar na cártaí a théann leo féin gan deireadh a chur le clibeanna.

  6. Comhcheangail iad le chéile. Is é an bealach is fearr le cuimhneamh ar na clibeanna seo ná iad a úsáid ar do shuíomh Gréasáin. Seo sampla ag úsáid na gcártaí sna céimeanna atá foghlamtha agat go dtí seo. Déan iarracht a thuar conas a thaispeánfaidh siad sa bhrabhsálaí iad, ansin déan iad a chóipeáil chuig do dhoiciméad agus faigh amach.
    • Mo chéad leathanach HTML.

    • Fáilte go dtí mo shuíomh Gréasáin.

    • Tá súil agam go mbainfidh tú taitneamh as an leathanach seo!

      Rinne mé é díreach duitse.

    • Cuid 1: Conas a fuair mé amach HTML

    • Tá HTML foghlamtha agam cheana i ceann a dóuair an chloig, mar sin anois is saineolaí mé.
    fógra

Cuid 3 de 4: Naisc agus Íomhánna a Chur Leis

  1. Foghlaim faoi thréithe. Is féidir faisnéis bhreise a scríobh taobh istigh díobh, ar a dtugtar tréithe. Léirítear na tréithe seo le focail bhreise laistigh de na clibeanna féin, san fhoirm ainm maoine = "luach sonrachMar shampla, is féidir an tréith teidil a bheith ag aon chlib HTML:

    • Tá an mhír réamhrá anseo.

      Teideal an mhír "Réamhrá," a bheidh le feiceáil nuair a rachaidh tú os cionn na míre ar an leathanach gréasáin.

  2. Naisc le láithreáin ghréasáin eile. Úsáid cártaí chun hipearnasc a chruthú le haon leathanach gréasáin eile. Cuir isteach URL an leathanaigh ghréasáin chun nasc a dhéanamh le tréith href a úsáid. Seo sampla a nascann leis an leathanach gréasáin atá á léamh agat:

  3. Cuir tréith id leis an gclib. Tréith eile is féidir le haon chlib HTML a úsáid ná an eilimint "id". In aon chárta, scríobh id = "vidu" nó aon ainm nach bhfuil spásanna ann a úsáid. Ní tháirgeann sé aon éifeacht infheicthe, ach úsáidfimid é sa chéad chéim eile.
    • Mar shampla, cuir an méid seo a leanas le do dhoiciméad:

      Úsáidtear an mhír seo mar shampla chun cur síos a dhéanamh ar an gcaoi a n-oibríonn an tréith id.

  4. Nasc le heilimint a bhfuil id áirithe aici. Anois is féidir linn an chlib hipearnasc a úsáid, , chun nasc a dhéanamh le suíomh eile ar an leathanach céanna. In ionad URL, úsáidfimid an tsiombail #, agus an luach id a theastaíonn uainn nasc a dhéanamh leis. Mar shampla, Nascfaidh an téacs seo leis an téacs leis an id "vidu."
    • Tá gach luach HTML cás-íogair. Nascfaidh "#VIDU" agus "#vidu" leis an áit chéanna.
    • Má tá do leathanach gearr go leor chun an leathanach iomlán a thaispeáint ag an am céanna, is dócha nach dtabharfaidh tú faoi deara aon rud ag tarlú nuair a chliceálann tú an nasc i do bhrabhsálaí. Athraigh méid na fuinneoige go dtí go mbeidh an scrollbharra le feiceáil, agus ansin bain triail eile as.

  5. Cuir grianghraif leis. Cárta is tag folamh é, rud a chiallaíonn nach bhfuil aon chlib deiridh ag teastáil. Cuirtear leis an bhfaisnéis uile a theastaíonn ón mbrabhsálaí chun an íomhá a thaispeáint ag úsáid tréithe. Seo sampla chun an lógó wikiHow a thaispeáint, le tuairisc ar gach tréith taobh thiar de:
    • Lógó WikiHow
    • Airíonna src = "" insíonn sé don bhrabhsálaí cá bhfuil an grianghraf. (Tabhair faoi deara go meastar go bhfuil sé míchuí grianghraf a phostáil ó shuíomh duine eile - agus imeoidh an grianghraf nuair nach mbeidh an leathanach gníomhach a thuilleadh.)
    • Airíonna style = "" Féadann sé go leor rudaí a dhéanamh, ach is tábhachtaí fós úsáidtear é chun leithead agus airde íomhá a shocrú i bpicteilíní. (Is féidir leat na tréithe ar leithligh width = "" agus height = "" a úsáid ina ionad, ach d’fhéadfadh fadhbanna aisteach a bheith ann má athraíonn tú CSS.)
    • Airíonna alt = "" is cur síos gairid ar an íomhá a fheicfidh an t-úsáideoir má mhainníonn an íomhá a luchtú. Meastar gur riachtanas é seo, toisc go n-úsáidtear é do léitheoirí scáileáin do chuairteoirí ar an láithreán gréasáin atá dall.
    fógra

Cuid 4 de 4: Tuilleadh Eolais a Chur Leis agus Do Láithreán Gréasáin a Fháil Ar Líne

  1. Deimhnigh do HTML. Seiceálacha bailíochtaithe HTML ar earráidí i do chód. Mura bhfuil do shuíomh ag taispeáint i gceart, is féidir le bailíochtú cabhrú leat an earráid is cúis leis an bhfadhb a aimsiú. Féadann sé níos mó a mhúineadh duit faoi HTML trí chinneadh go bhfuil cuma mhaith ar an gcód ar taispeáint, ach ní mholtar a thuilleadh é mar gheall ar nuashonruithe nua sa chaighdeán HTML. Ní úsáideann do shuíomh neamhbhailí do shuíomh gan úsáid, ach d’fhéadfadh fadhbanna a bheith ann nó é a thaispeáint éagobhsaí ar bhrabhsálaithe éagsúla.
    • Bain triail as seirbhís bailíochtaithe ar líne saor in aisce ó W3C, nó déan cuardach ar uirlis bailíochtaithe HTML 5 eile ar líne.

  2. Níos mó clibeanna agus tréithe a fhoghlaim. Tá go leor clibeanna agus tréithe HTML eile ann, agus go leor áiteanna chun iad a fhoghlaim:
    • Bain triail as w3schools agus HTML Dog le haghaidh tuilleadh ranganna teagaisc agus liostaí iomlána clibeanna.
    • Faigh leathanach gréasáin ar mhaith leat an chuma atá air, ansin bain úsáid as feidhm “View Page Source” do bhrabhsálaí chun an cód HTML a fháil duit féin. Cóipeáil é i do dhoiciméad agus déan staidéar ar an gcaoi a n-oibríonn sé.
    • Léigh ailt eile agus foghlaim faoi conas táblaí a chruthú i HTML, meta-chlibeanna a úsáid chun do dheiseanna a fháil trí innill chuardaigh a mhéadú, nó rannán a úsáid. limistéar a shocrú ar an leathanach) agus réise (a úsáidtear chun stíl na heiliminte téacs a shonrú) chun cabhrú le stíl trí CSS.

  3. Faigh do shuíomh Gréasáin ar líne. Roghnaigh seirbhís chun do shuíomh Gréasáin a óstáil, agus ansin is féidir leat an oiread leathanaigh HTML agus is mian leat a uaslódáil chuig do fhearann ​​gréasáin pearsanta. Chun seo a dhéanamh, beidh ort bogearraí uaslódáil FTP a úsáid, ach cuireann go leor seirbhísí cíosa gréasáin an tseirbhís seo ar fáil freisin.
    • Agus tú ag nascadh le leathanaigh nó le híomhánna atá go díreach ar do shuíomh, beidh ort an seoladh iomlán a úsáid. Mar shampla, más é www.chuyengiahtmlsieudang.com an t-ainm fearainn atá agat, ansin tá an téacs sna clibeanna seo nascfaidh sé le "www.chuyengiahtmlsieudang.com/nhatky/thuhai.html"

  4. Cuir stíleanna le CSS. Má tá cuma rud beag monotonous ar do leathanach HTML, déan iarracht buneilimintí CSS a fhoghlaim chun dathanna, clónna éagsúla a chur leis, agus smacht níos fearr a fháil ar an áit a gcuirtear eilimintí. Trí “stílbhileog” CSS a nascadh le leathanach HTML ligfidh tú duit athruithe cumhachtacha a dhéanamh ar an eitilt, agus stíl an téacs go léir a choigeartú go huathoibríoch laistigh de chlib ar leith. Is féidir leat imirt timpeall leis an gciseal bunúsach formáidithe beagán anseo, nó níos mó a thochailt le rang teagaisc níos mionsonraithe i HTML Dog's CSS Tutorial.

  5. Cuir JavaScript le do shuíomh Gréasáin. Is teanga cláir í JavaScript a úsáidtear chun go leor feidhmiúlacht a chur le do leathanaigh HTML. Cuirtear na horduithe JavaScript isteach idir na clibeanna tosaigh agus deiridh , agus is féidir iad a úsáid chun cnaipí idirghníomhacha a chur leis, fadhbanna matamaitice agus níos mó a ríomh. Faigh tuilleadh eolais sna samplaí w3c. fógra

Comhairle

  • Is é an dearbhú doctype (Dearbhú Cineál Doiciméid a úsáidtear) a úsáidtear sa rang teagaisc seo ná “idirthréimhseach scaoilte HTML 4.0.1” (HTML 4.0.1 ní trasdul daingean), formáid éasca. le haghaidh novices a úsáid. Úsáid () rogha eile seachas an brabhsálaí a thiomsú i bhformáid dhian HTML 5, arb é an stíl chaighdeánach a mholtar (cé nach n-úsáidtear chomh coitianta).

Rabhadh

  • Is é cuspóir HTML ábhar a choinneáil i bhformáid dhomhanda. Níl aon smacht aige ar chur i láthair do shuíomh Gréasáin, mar shampla dath an chúlra agus socrúchán cruinn na n-eilimintí. Cé go bhfuil clibeanna ann fós a ligeann duit é seo a dhéanamh, is maith an smaoineamh é CSS a úsáid chun suíomh Gréasáin níos inrialaithe agus níos comhsheasmhaí a chruthú.

Cad atá uait

  • Eagarthóir téacs simplí, cosúil le NotePad nó TextEdit
  • Brabhsálaí gréasáin, mar shampla Internet Explorer nó Mozilla Firefox
  • (Roghnach) Eagarthóir HTML mar Adobe Dreamweaver, Aptana Studio, nó Microsoft Expression Web

Tóir Inniu

Conas carnation páipéar a dhéanamh
Conas carnation páipéar a dhéanamh
Conas duine a dhiúltú gan a chroí a bhriseadh
Conas duine a dhiúltú gan a chroí a bhriseadh
Conas toirt bosca a ríomh
Conas toirt bosca a ríomh
Conas do chuid gruaige a stíliú le glóthach
Conas do chuid gruaige a stíliú le glóthach