Údar:
Christy White
Dáta An Chruthaithe:
7 Bealtaine 2021
An Dáta Nuashonraithe:
1 Iúil 2024
Ábhar
- Chun céim
- Cuid 1 de 2: Bunús HTML a fhoghlaim
- Cuid 2 de 2: HTML chun cinn a fhoghlaim
- Leideanna
- Rabhaidh
- Riachtanais
Is é HTML an giorrúchán do Hyper Text Markup Language, is é an cód é nó teanga a úsáidtear chun láithreáin ghréasáin a chruthú. D’fhéadfadh sé go mbeadh sé casta mura raibh tú riamh cláraithe roimhe seo, ach chun triail a bhaint as níl uait ach clár simplí próiseála focal agus brabhsálaí idirlín. Is féidir go n-aithníonn tú roinnt HTML ó fhóraim, próifílí ar líne, nó ailt wikiHow. Is acmhainn úsáideach é HTML d’aon duine a úsáideann an tIdirlíon, agus d’fhéadfadh sé go dtógfadh HTML níos lú ama ná mar a bheifeá ag súil leis.
Chun céim
Cuid 1 de 2: Bunús HTML a fhoghlaim
- Oscail doiciméad HTML. Is féidir an chuid is mó de na cláir phróiseála focal, lena n-áirítear Notepad nó Word for Windows agus Eagarthóir Téacs do Mac, a úsáid chun doiciméid HTML a chruthú. Oscail doiciméad nua agus roghnaigh File → Save As ón roghchlár barr chun do dhoiciméad a shábháil mar leathanach gréasáin, nó athraigh an síneadh comhaid ó ".doc", ".rtf" nó aon rud eile go ".html" nó ".htm ".
- D’fhéadfadh go bhfeicfeá rabhadh anois á rá go bhfuil do dhoiciméad á athrú ón bhFormáid Rich Text (RTF) go dtí an fhormáid “gnáth-théacs”, agus nach bhfuil roinnt roghanna formáidithe agus íomhánna á sábháil i gceart. Féadfaidh tú neamhaird a dhéanamh den rabhadh seo; Ní úsáideann cáipéisí HTML na roghanna seo.
- Tá comhaid .html agus .htm mar an gcéanna. Oibríonn sé araon.
- Féach ar do dhoiciméad le brabhsálaí. Sábháil do dhoiciméad bán, dún é, agus ansin cliceáil faoi dhó ar an doiciméad san áit inar sábháladh é chun é a oscailt arís. Ba chóir do bhrabhsálaí do dhoiciméad a oscailt anois mar leathanach gréasáin bán. Mura n-oibríonn sé sin, tarraing deilbhín an chomhaid chuig barra seoladh do bhrabhsálaí. Níos déanaí, má chuireann tú do dhoiciméad HTML in eagar de réir na gcéimeanna san alt seo, coinneoidh tú ag dul ar ais chuig an mbrabhsálaí le seiceáil cén chuma atá ar na hathruithe sa chód.
- Nóta: níl do leathanach gréasáin ar líne fós. Níl an leathanach inrochtana ag daoine eile agus ní gá duit nasc idirlín oibre chun é a thástáil. Ní úsáideann tú ach do bhrabhsálaí chun an doiciméad HTML a “léamh” amhail is gur suíomh Gréasáin a bhí ann.
- Tuig cad iad na "clibeanna". Níl clibeanna le feiceáil ar an leathanach gréasáin deiridh, mar is féidir le gnáth-théacs. Insíonn na clibeanna do bhrabhsálaí conas an leathanach agus an t-ábhar ar an leathanach a thaispeáint. Tá treoracha sa chlib tosaigh. Mar shampla, féadann sé a rá leis an mbrabhsálaí an téacs a thaispeáint i gcló trom. Teastaíonn an chlib deiridh chun a insint don bhrabhsálaí cá bhfuil na treoracha i bhfeidhm: sa sampla seo, tá an téacs go léir idir an chlib tosaigh agus deireadh trom. Cuirtear clibeanna deiridh taobh istigh de lúibíní freisin, ach leanann slais an chéad lúibín.
- Scríobh clibeanna tosaigh idir lúibíní: is é seo an lá tosaigh>
- Scríobh clibeanna deiridh i lúibíní, ach cuir slais i ndiaidh na chéad lúibín: /is é seo an chlib deiridh>)
- Léigh níos déanaí san alt conas clibeanna feidhmiúla a scríobh. Sa chéim seo, ní gá duit ach cuimhneamh ar an mbealach chun clibeanna a scríobh:> agus />.
- I gcúrsaí HTML eile, tugtar “eilimintí” ar chlibeanna agus tugtar “ábhar eiliminte” ar an téacs idir clibeanna a oscailt agus a dhúnadh.
- Scríobh do chéad chlib html>. Tosaíonn gach doiciméad HTML le html>tag agus críochnaíonn sé le / html>tag. Insíonn sé seo don bhrabhsálaí go bhfuil gach rud idir na clibeanna seo scríofa i HTML. Cuir na clibeanna seo le do dhoiciméad:
- Scríobh html> ag barr do dhoiciméid.
- Buail isteach nó seol ar ais arís agus arís eile chun roinnt spáis a thabhairt duit féin, ansin scríobh / html>
- Cuimhnigh ort gach rud san alt seo idir an dá chlib seo.
- Déan an ceann> cuid de do dhoiciméad. Idir na clibeanna html> agus / html> scríobhann tú a ceann>tag tosaigh agus a / ceann>-end tag. Déan roinnt spáis arís idir na clibeanna seo. Ní bheidh aon rud a scríobhfar idir na clibeanna seo le feiceáil ar an leathanach gréasáin féin. Bain triail as na céimeanna seo a leanas agus féach an bhfeiceann tú cá bhfuil an fhaisnéis:
- Scríobh idir na clibeanna ceann> agus / ceann: teideal> agus / teideal>
- Idir na clibeanna teideal> agus / teideal> scríobhann tú: Conas HTML a fhoghlaim (le pictiúir) - wikiHow.
- Sábháil an doiciméad agus oscail é i mbrabhsálaí (nó sábháil an doiciméad agus déan an leathanach ar an mbrabhsálaí a athnuachan má bhí an leathanach fós oscailte). An bhfeiceann tú an méid a scríobh tú díreach ag barr an leathanaigh, os cionn an bharra seoltaí?
- Cruthaigh corp> rannán. Cuirtear gach rud eile i ndoiciméad an thosaitheoirí seo sa rannán coirp, agus taispeántar é ar an leathanach gréasáin. Tar éis an chlib / ceann>, ach os comhair an chlib / html> a scríobhann tú comhlacht> agus / comhlacht>. Gach rud a phléimid níos mó san alt seo, cuirimid idir na clibeanna coirp. Ba cheart go mbeadh doiciméad agat anois a bhfuil an chuma air (gan na hurchair):
- html>
- ceann>
- teideal> foghlaim HTML - wikiHow / title>
- / ceann>
- comhlacht>
- / comhlacht>
- / html>
- Cuir téacs i stíleanna éagsúla. Anois tá sé in am gur thosaigh tú ag scríobh rud éigin a bheidh le feiceáil sa bhrabhsálaí i ndáiríre! Beidh gach a scríobhann tú laistigh de na clibeanna coirp le feiceáil sa bhrabhsálaí tar éis duit na hathruithe a shábháil agus an leathanach a athnuachan laistigh den bhrabhsálaí. Scríobh ní rud éigin leis na comharthaí agus >toisc go léireoidh do bhrabhsálaí é sin mar threoir HTML in ionad gnáth-théacs. Scríobh mar shampla Dia duit ar domhan! (Béarla do "Hello world!", Seo an téacs caighdeánach domhanda mar an chéad sampla in aon chúrsa cláir i dteanga cláir ar leith) nó rud éigin eile, agus cuir na clibeanna seo a leanas roimh agus tar éis an téacs agus féach cad a tharlaíonn:
- em> Dia duit ar domhan! / em> is cosúil le téacs iodálach: Dia duit ar domhan!
- láidir> Dia duit ar domhan! / láidir> tá cuma téacs trom air: Dia duit ar domhan!
- s> Dia duit ar domhan! / s> is cosúil le téacs buailte:
Dia duit ar domhan! - sup> Dia duit an domhan! / sup> tá cuma forscríbhinne air:
- fo> Dia duit an domhan! / fo> tá cuma na fotheidil air: Dia duit ar domhan!
- Bain triail as teaglaim: Conas a fheiceann em> láidir> Dia duit ar domhan! / láidir> / em> Téigh amach?
- Roinn do théacs i míreanna. Má chuireann tú línte éagsúla téacs i do dhoiciméad, feicfidh tú go gcuirtear gach líne ceann i ndiaidh a chéile. Caithfidh tú línte nua agus línte bána a ríomhchlárú tú féin:
- p> Seo roinn ar leithligh./p>
- Tá an abairt seo ar an gcéad líne agus an abairt seo ar an gcéad cheann eile.
Is é seo an chéad chlib a dtiocfaimid air nach bhfuil clib deiridh de dhíth air! Glaoimid a leithéid de chlib amháin tag folamh. - Cruthaigh ceanntásca chun ainmneacha na rannán a dhéanamh soiléir:
h1> ceanntásc / h1>: an ceanntásc is mó is féidir
h2> ceanntásc / h2> (an ceanntásc 2 leibhéal)
h3> ceanntásc / h3> (an ceanntásc 3 leibhéal)
h4> ceanntásc / h4> (an ceanntásc 4 leibhéal)
h5> ceanntásc / h5> (an ceanntásc is lú is féidir)
- Foghlaim conas liostaí a dhéanamh. Tá bealaí éagsúla ann chun liostaí a chruthú ar leathanach gréasáin. Bain triail as na modhanna seo a leanas chun a fháil amach cad is fearr leat. Tabhair faoi deara go gcuirtear péire clibeanna amháin timpeall an liosta iomláin (mar shampla clibeanna ul> agus / ul> le haghaidh liostaí neamhordáilte) agus go gcuirtear péire clibeanna difriúla timpeall ar gach mír ar an liosta, mar shampla li> agus / li> .
- Úsáid an cód seo a leanas chun liostaí bulleted a chruthú:
ul> li> Mír amháin / li> li> Mír eile / li> li> Mír eile / li> / ul> - Nó an cód seo chun liostaí uimhrithe a chruthú:
ol> li> Mír 1 / li> li> Mír 2 / li> li> Mír 3 / li> / ol> - Nó an cód seo chun liosta sainmhínithe mar a thugtar air a chruthú:
dl> dt> Caife / dt> dd> - Deoch te / dd> dt> Bainne / dt> dd> - Deoch fuar / dd> / dl>
- Úsáid an cód seo a leanas chun liostaí bulleted a chruthú:
- Déan do leathanach níos tarraingtí le línte nua, línte cothrománacha agus íomhánna. Anois tá sé in am tosú ag cur rudaí eile le do leathanach. Bain triail as na clibeanna seo a leanas (caithfear an íomhá a phostáil ar líne ionas gur féidir leat nasc leis an íomhá a úsáid):
- Cuir líne isteach: br> nó hr>
- Ionsáigh íomhánna: img src = "the_url_of_your_image">
- Cuir isteach naisc chuig áiteanna eile ar an leathanach. Is féidir leat an cód seo a úsáid freisin chun nasc a dhéanamh le leathanaigh agus láithreáin ghréasáin eile, ach ós rud é nach bhfuil suíomh Gréasáin agat fós, beimid ag díriú ar “ancairí”, ar áiteanna ar leith iad ar an leathanach ar féidir leat nasc a dhéanamh leo:
- Ar dtús, cruthaigh ancaire leis an gclib a> ag an bpointe ar an leathanach ar mhaith leat nasc a dhéanamh leis. Tabhair ainm soiléir ar do ancaire atá furasta a mheabhrú:
a name = "Leideanna"> Seo é an téacs ina gcuireann tú do ancaire timpeall ./a> - Úsáid an chlib href> chun nasc a dhéanamh le do ancaire nó le leathanach gréasáin eile:
a href = "url an leathanaigh ghréasáin nó ainm ancaire ar an leathanach seo"> Scríobh an téacs nó an íomhá a thaispeántar mar nasc anseo./a> - Chun nasc a dhéanamh le ancaire ar leathanach eile, cuir an # carachtar i ndiaidh an url, agus ainm do ancaire ina dhiaidh. Mar shampla http://www.wikihow.com/HTML-leren#Tips tabharfaidh tú díreach chuig an rannán "Leideanna" tú ar an leathanach seo.
- Ar dtús, cruthaigh ancaire leis an gclib a> ag an bpointe ar an leathanach ar mhaith leat nasc a dhéanamh leis. Tabhair ainm soiléir ar do ancaire atá furasta a mheabhrú:
Cuid 2 de 2: HTML chun cinn a fhoghlaim
- Foghlaim faoi thréithe. Cuirtear tréithe laistigh den chlib agus úsáidtear iad chun athruithe breise a dhéanamh ar an “ábhar eiliminte” idir an chlib tosaigh agus deireadh. Ní sheasann siad ina n-aonar riamh. Scríobhtar iad ar an mbealach seo a leanas: name = "value". ainm is ionann é agus ainm na tréithe (mar shampla, "dath") agus luach déanann sé cur síos ar an gcás áirithe seo (e.g. "dearg").
- Má bhreathnaigh tú go géar sa chuid roimhe seo den alt seo, tá tréithe aimsithe agat cheana féin. Úsáideann an chlib img> an aitreabúid src, úsáideann ancaire an tréith ainm agus úsáideann naisc an tréith href. Is féidir leat a rá go bhfuil siad uile meánmhéide ___='___’ leanúint.
- Déan turgnamh le táblaí HTML. Chun tábla nó graf a dhéanamh teastaíonn roinnt clibeanna uait:
- Tosaigh leis na clibeanna tábla ("tábla" i mBéarla) timpeall an tábla iomláin:tábla> / tábla>
- Cuir clibeanna timpeall ar ábhar gach ró: tr>
- Cuir ceanntásca colún sa chéad tsraith: th>
- Cuir cealla i sraitheanna as a chéile: td>
- Seo sampla den chaoi a dtagann sé seo go léir le chéile:
tábla> tr> th> Colún 1: Mí / ú> ú> Colún 2: Airgead sábhála / th> / tr> tr> td> Eanáir / td> td> € 100 / td> / tr> / tábla>
- Foghlaim na clibeanna eile a úsáidtear sa chuid ceann. Tá ceann an chlib> foghlamtha agat cheana féin, a chuireann tú ag tús gach cáipéise. Chomh maith leis an gclib teidil>, d’fhéadfadh go mbeadh clibeanna eile sa rannán ceann:
- Úsáidtear meta tags chun a chruthú meiteashonraí faoi leathanach gréasáin. Úsáideann innill chuardaigh na sonraí seo chun leathanaigh ghréasáin a chatagóiriú. Chun do leathanach a dhéanamh infheicthe d’innill chuardaigh is féidir leat meta-chlib amháin nó níos mó a chur (ní gá clibeanna deiridh), ní mór tréith ainm amháin agus tréith ábhair a bheith i ngach clib, mar shampla: meta name = "description" content = "a chur anseo tuairisc ">; nó meta name = "eochairfhocail" content = "scríobh liosta eochairfhocail anseo, scartha le camóg i gcónaí">
- úsáidtear> clibeanna chun comhaid eile a nascadh leis an leathanach. Úsáidtear go hiondúil chun stílbhileoga CSS a cheangal le leathanaigh HTML, tógtar na leathanaigh seo le cód de chineál éagsúil agus úsáidtear iad chun stíl fhoriomlán leathanaigh a chinneadh.
- Úsáidtear clibeanna script> chun comhaid javascript a cheangal leis an leathanach HTML. Ligeann Javascript don leathanach athrú má dhéanann an t-úsáideoir rud éigin ar an leathanach.
- Seinn le HTML ó leathanaigh atá ann cheana. Is bealach iontach é féachaint ar chód foinse na leathanach gréasáin chun d’eolas HTML a leathnú. Cliceáil ar dheis ar an leathanach agus roghnaigh "Féach foinse", "Taispeáin foinse an leathanaigh" nó a leithéid. Faigh amach cad a dhéanann clib áirithe nach bhfuil ar eolas agat nó déan cuardach ar líne.
- Ní féidir leat suíomhanna Gréasáin daoine eile a chur in eagar, ach is féidir leat an cód HTML a chóipeáil isteach i do dhoiciméad féin agus imirt timpeall leis chun a fháil amach cad a dhéanann coigeartuithe éagsúla. Nóta: toisc go mbaineann go leor suíomhanna Gréasáin úsáid as stílbhileoga CSS, b’fhéidir nach mbeidh tú in ann go leor dathanna nó stíleanna eile a fheiceáil.
- Foghlaim faoi HTML trí ailt níos doimhne a léamh. Tá go leor acmhainní ar an idirlíon chun níos mó clibeanna HTML mar W3Schools nó Codecademy a mháistir. Tá go leor leabhar HTML ar fáil freisin, ach déan cinnte go bhfuil eagrán le déanaí á úsáid agat de réir mar a athraíonn an caighdeán HTML ó am go ham. Nuair a bheidh máistreacht déanta agat ar HTML go leibhéal maith, is féidir leat dul chuig CSS chun níos mó smachta a fháil ar dhearadh agus ar stíl do leathanaigh ghréasáin. Tar éis sin, is é an chéad chéim eile javascript de ghnáth.
Leideanna
- D’fhéadfadh sé a bheith úsáideach leathanach gréasáin simplí a fháil ar an Idirlíon agus ansin tosú ag prapáil timpeall leis an gcód. Déan iarracht téacs éigin a bhogadh, an cló a athrú, na híomhánna a athrú, cibé rud is mian leat!
- Is féidir leat leabhar nótaí a úsáid chun an cód a scríobh síos, ionas go mbeidh rud éigin le déanamh agat mura gcuimhneoidh tú air ar feadh nóiméid. Is féidir leat an leathanach seo a phriontáil freisin agus é a choinneáil le haghaidh tagartha.
- Úsáidtear XML agus RSS níos mó agus níos mó ar láithreáin ghréasáin sa lá atá inniu ann. D’fhéadfadh sé nach mbeadh rochtain ag an gcód ar shúil an duine, go háirithe nuair a bhreathnaítear air sa chód foinse, ach d’fhéadfadh an fheidhmiúlacht a bheith úsáideach.
- Níl na clibeanna a úsáidtear laistigh de HTML cás-íogair, ach is é an réamhshocrú litreacha litreacha beaga a úsáid (mar a dhéanaimid san alt seo). Moltar go mór litreacha litreacha beaga do na clibeanna, freisin maidir le comhoiriúnacht le XHTML.
Rabhaidh
- Ní úsáidtear roinnt clibeanna a thuilleadh agus tá clibeanna eile a dhéanann an rud céanna ina n-ionad, ach is minic a thairgeann siad níos mó roghanna.
- Más mian leat a chinntiú go gcomhlíonann do leathanach an caighdeán HTML, téigh chuig suíomh Gréasáin W3 chun do chód a thástáil i gcoinne an chaighdeáin reatha. Tá go leor clibeanna imithe i léig agus tá clibeanna curtha in ionad iad a oibríonn níos fearr ar bhrabhsálaithe nua-aimseartha.
Riachtanais
- Clár próiseála focal, mar Notepad (Windows) nó Eagarthóir Téacs (Mac).
- bileog páipéir nó leabhar nótaí (roghnach)
- Clár atá saindeartha chun HTML a scríobh, mar Notepad ++ do Windows nó TextWrangler for Mac (roghnach)
