Sampla de leathanach HTML agus na prionsabail bhunúsacha de

Invented a lán teangacha, ach tá an teanga ar HTML cheann de na is speisialta agus vosstrebovan. Ós rud é go mbaineann sé a lán de na príomhthionscnaimh eile i gcláir. I bhfad gcuirfear ar fáil, nuair in aigne an fhorbróra eolas reatha ar teanga marcála - Hipirtéacs Markup Language (HTML).

Go deimhin, i HTML, nach bhfuil aon rud deacair, agus beidh i gceann cúpla bomaite go léir an chuid is mó i bhfad i gcéin ó na cláir agus ar an Idirlíon do dhaoine a chomhlíonadh bunú HTML-leathanaigh sa leabhar nótaí. samplaí iomráiteach, simplíocht, go deimhin, inrochtana do gach duine.

tuairisc ghinearálta

comhad HTML - ar shuíomh leathanach amháin, cé go bhfuil sé seo debatable, ach cad é comhad amháin in aghaidh an leathanaigh, do thosú is léir.

Tosaíonn comhad HTML le header DOCTYPE a shonróidh go bhfuil an cineál an chomhaid - HTML. Gach gné leathanach (clibeanna) in iúl laistigh de lúibíní uilleacha. Áirítear gach beirt ( "<" agus ">") chlib HTML amháin. De ghnáth clibeanna HTML a péireáilte, is é sin, le haghaidh gach «tag» tá «/ tag». Tá an dá faoi iamh in lúibíní uilleacha. Tá tag amháin, ar a bhfuil an chuid is mó tóir «br /» - aistriú go dtí an chéad líne eile.

An chlib is mó sa chomhad - sé féin HTML, lena n-áirítear ach dhá tag: CEANN agus COMHLACHT. Sa chéad chás, tá sonraíocht éagsúla léiríonn naisc le comhaid leathanach eile ábhartha a bheith PHP láthair agus scripteanna JavaScript. Sa an t-ábhar dara leathanach scríofa. Chomh maith leis sin i bhfoirm clibeanna agus scripteanna.

Simplí HTML-leathanach

Tá sampla de leathanach sórt a chruthú arna léiriú san airteagal thíos. Smaoinigh go cúramach.

alt CEANN

An príomh chlib cuspóir CEANN - cur síos ginearálta ar an leathanach agus na scripteanna ginearálta, cé go bhfuil an dara ceann - ach coincheap coibhneasta. De ghnáth leagann bhfuil tábhacht nach beag le ach dhá rud:

• eochairfhocail agus cur síos ar an leathanach;
• naisc le comhaid eile (* .css agus .js *).

Chun a thaispeáint ar an ábhar ar an ábhar leathanach an ailt seo tá le tábhacht ach indíreach mar go léiríonn sé ina bhfuil roinnt comhaid eile rialacha CSS le clibeanna agus scripteanna teangacha eile.

Tá teideal (TEIDEAL), atá ar taispeáint nuair a thugann do chuairteoirí do luch thar an cluaisín ina bhfuil an leathanach oscailte HTML-leathanach. Tá sé seo tábhachtach, mar a dhéanann sé ar an leathanach i bhfad níos presentable, níos éasca a rá, shínigh téacs a léamh.

Tá META-clibeanna tábhachtacha i gcláir gréasáin i gcoitinne, ach nuair a bhíonn sí ag teastáil a chruthú HTML-leathanaigh i leabhar nótaí, sampla de struchtúr clutter neamh-inmhianaithe iomarcach.

Ar an NASC agus naisc script ba chóir a íoc aird ar leith. Tagraíonn an chéad go dtí áit ina bhfuil an comhad CSS stílbhileog, an dara - an suíomh an chomhaid JavaScript-cód. Is féidir le naisc den sórt sin a shocrú.

Má úsáideann tú ba chóir scripteanna a áireamh mar eolas HTML a bheith níos láidre, ba chóir duit a íoc aird láithreach ar stílbhileoga cascáideacha. Is iad na comhaid CSS, go háirithe, na rialacha cláraithe na clibeanna HTML.

alt COMHLACHT

Go deimhin, tá HTML leathanach samplach - is é seo an t-alt COMHLACHT. Tá sé anseo go bhfuil an t-eolas go léir, gach ceann de na inneachar an leathanaigh. Tá gach eolas a thugtar i bhfoirm clibeanna agus scripteanna, ar nós a chur isteach ina JavaScript-cód nó píosaí den PHP-chlár.

Tá sé tábhachtach a thuiscint go bhfuil an sampla de leathanaigh ghréasáin HTML sa bhrabhsálaí agus an sampla céanna i eagarthóir téacs ar nós Notepad, ní hé seo an rud céanna. Sa chéad chás go bhfuil muid réidh HTML-téacs ina bhfuil na scripteanna chun báis. Mar shampla, tá PHP comhlíonta a chuid agus déanta in ionad an cód sna háiteanna cearta na clibeanna. JavaScript chomhlíonadh freisin a misean, cé faoi go fóill a bheith comhrá ar leith.

HTML - tags sé ionad scripteanna. I ndeireadh na dála, ach an t-ábhar an leathanaigh ar taispeáint sa bhrabhsálaí, ach is é a tag. Níl aon PHP-cód ann.

Is JavaScript i riocht ar leith, a gcúram - chun freastal ar an leathanach, ní hamháin ag am tosaithe (overload), ach i chuimhneacháin nuair a bhíonn an leathanach sa bhrabhsálaí an chuairteora, agus na staidéir é.

Is sampla simplí de chód HTML-leathanach a bhfuil (ach amháin an t-alt COMHLACHT) a thaispeántar thíos.

A chuairteora bhrabhsálaí tá sé mar a thaispeántar thíos.

nár sonraíodh sa chód ba chóir breathnú cosúil na heilimintí sin a thug an bhrabhsálaí. Tá gach dearadh le feiceáil sna rialacha CSS. Sa chás seo, Mcss / comhad scPhpWordRW.css Rinneadh tagairt go (féach. An-an chéad sampla de HTML leathanach).

Murab ionann agus HTML, tá CSS téama níos simplí, tá rialacha an-inrochtana agus tá a líon beag, nuair nach bhfuil an sampla de a chruthú HTML-leathanaigh gá aon rud eile seachas Notepad. Tá gach rud an-inrochtana d'fhorbairt láithreach:

Léiríonn sé seo cé chomh héasca atá cur síos air scLogo_vDoc tag, agus tá sé seo cur síos ar go bhfuil i stát gnáth an chlib taispeántais pictiúr vDoc-logo.png, agus nuair a bhíonn an luch thar sé - ar taispeáint vDoc-logo-h.png.

Tá struchtúr na tuairiscí HTML

Ní bhaineann teanga le roinnt de na struchtúr agus comhréir an gcoincheap a dhéanamh anseo tá an-coibhneasta. Níl aon athróg, ach tá neart deiseanna. Is é an bunús an hipirtéacs go bhfuil gné (tag) go bhfuil cinnte go bhfuil ainm.

Ainm an cás, an chlib péire, comhdhéanta de ainmneacha dílse (tagName) agus lúibíní uilleacha ( «<» + tagName + «>»), má tá muid ag caint faoi an tús an chlib, agus «», más rud é a thaifeadadh a deireadh.

Sampla de leathanaigh HTML cur síos tréithe lonnaithe sa téacs thíos.

An chlib is féidir bheith tréithe, ansin tá siad a chur trí spás tar éis an t-ainm chlib roimh an lúibín uilleach deiridh ">". Tréithe, má tá siad go bhfuil an chlib thaifeadadh ach ag tús. Is é an t-ábhar ar an chlib sin atá suite idir an chlib tús agus an deireadh é.

Iomlán tuairiscí ábhar HTML

HTML is féidir leat cur síos a dhéanamh ar na gnéithe bloc agus inlíne. An Chéad áitiú Is féidir le ceantar áirithe sa bhfuinneog brabhsálaí a bheith suite go hiomlán, is é sin san áit cheart ag an réimse na taispeáint HTML-leathanaigh, agus a bhfuil líon áirithe.

Eilimintí Inlíne le feiceáil go ginearálta snáithe amháin, is é sin, mar a dúradh sa chomhad leathanach, agus a thaispeáint ar an scáileán. Is féidir leis an taispeántas den sreabhadh iomlán a bheith faoi thionchar nuair a tharlaíonn an t-ualach leathanach. Is féidir Ar an socrúchán, infheictheacht, agus airíonna eile de na heilimintí bloc a bheith faoi thionchar ag aon am trí JavaScript-cód.

Chomh maith leis na heilimintí simplí, cuireann HTML chun cur síos ar táblaí agus foirmeacha. Tá na gnéithe mór ar an éileamh sa "láithreán tógála ó lá go lá."

Tuairisc ar an tábla: TÁBLA tags, TR, TD

Nuair is féidir chlib TÁBLA a úsáid chun a chruthú tábla, a shonrú ar líon na línte agus TR i ndiaidh a chéile ar feadh roinnt cealla TD. I gcodarsnacht leis an tábla is gnách ar an eagraíocht, mar gheall ar nádúr na heagraíochta tháblach HTML-marcála teoranta leis an ráiteas seo, mar gheall ar más mian leis an bhforbróir a bhfuil tábla dronuilleogach ina bhfuil líon na colúin i ngach sraitheanna den chéanna, ansin caithfidh sé a leanúint go duit féin.

An seasamh phrionsabálta na HTML: cibé rud is, ach rud ar bith nach bhfuil thuiscint. I roinnt cásanna nach bhfuil sé chomh tábhachtach leis an líon na colúin i ngach ró den tábla, ach más mian leat a dhéanamh ar na cealla chumasadh cothrománach nó go hingearach, tá sé riachtanach a chomhaireamh go léir go han-chúramach.

Sampla HTML leathanach le cur síos ar an tábla simplí a léirítear san alt.

Seo a tábla a léiríonn an méid de thrí shraith faoi trí cholún, leis an chlib a chéile den chéad uair baineadh úsáid as TH ionad tag TD - an ceanntásc colún. Go háirithe idirdhealú a dhéanamh idir nach bhfuil an dá clibeanna acu, ach is féidir a bhaint as an gcéad idirdhealú a dhéanamh idir an chéad sraith den tábla, agus i CSS le TH, is féidir leat a chur ag gabháil do stíl féin, a idirdhealaíonn í ó TD eile.

Foirm: tag FOIRM, INPUT

Foirm - is é seo an chuid is mó a theastaíonn den HTML-tags. Is féidir foirmeacha Ag baint úsáide as a tharchur eolas. I ndáiríre, an leathanach - an t-eolas a thaispeáint, ach an fhoirm - ionchur.

leathanach Sampla HTML le cur síos ar foirm simplí:

Úsáideann foirmeacha i bhfad níos mó, ach is iad na gnéithe seo a leanas. Is féidir leat a shonrú ar an réimse ionchuir, ní mór duit a shannadh dóibh a dhearadh agus láimhseálaithe imeacht chun anailís a dhéanamh ar ionchur úsáideora. Is féidir leat a shonrú ar réimse bhfolach agus faisnéis a fháil ó chúlra leathanach tharchur. Is féidir leat cnaipe tarchur faisnéise a ainmniú, bhrúnn tú go tús leis an bpróiseas a aistriú sonraí.

Ag baint úsáide as HTML

√ A bheith eolach teanga hipirtéacs - coinníoll riachtanach le haghaidh aon speisialtóireachta oibre i réimse an chláir Idirlín, ach más mian leat a scríobh le clár i PHP nó JavaScript, ansin a fhios HTML + CSS dhíth breá.

Tá teanga PHP aitheanta sa sampla roimhe seo. Ritheann PHP ar an bhfreastalaí, mar gheall ar an leathanach leis an bhfoirm seo flew ón bhfreastalaí don bhrabhsálaí leis na réimsí a líonadh. Go háirithe, fuair TestOnBlur feidhmeanna a luaitear sa chlib INPUT (onblur láimhseálaí), na paraiméadair i bhfoirm réimsí téacs.

Ritheann an bhrabhsálaí le JavaScript, agus chun oibrigh i gceart sonraí cnaipe a sheoladh ar ais chuig an freastalaí, is é sin, dearadh :. onClick = jQuery ( '# go') val ( 'cart'), tá sé riachtanach go mbeadh a fhios, ní hamháin mar gheall ar cad é an jQuery, ach cad #to, val, cart. Níos cruinne, tá sé riachtanach go mbeadh a fhios na clibeanna HTML simplí agus na rialacha ginearálta a bhaineann leo na stíleanna CSS.

Tá sé seo go leor a ardú go tapa ar cháilíocht aon speisialtóireacht i réimse na gclár Idirlíon.