He tauira o te whārangi HTML me nga mau parau tumu o

Whakaaro maha reo, engari te reo o HTML ko tetahi o te motuhake me te vosstrebovan tino. Mai uru mai te reira i te rota o te tahi atu kaupapa matua i roto i te hōtaka. hanga nui te wātea, ka i roto i nga hinengaro o te kaiwhakawhanake mohio hakari o te reo tautohu - Reo Tautohu Kuputuhiitua (HTML).

I roto i te meka, i roto i te HTML, kahore he mea uaua, me i roto i te meneti torutoru nga tawhiti katoa te nuinga i te hōtaka, me te iwi Ipurangi ka whakarite i te whakatūnga o HTML-whārangi i roto i te pukapuka. tauira taa'eraa, tapatahi, pono, wātea ki te katoa.

whakaahuatanga whānui

kōnae HTML - he pae kotahi te whārangi, ahakoa he taupatupatu tenei, engari he aha te mea kotahi kōnae ia whārangi, tīmata hoki te he reira mārama.

haamata kōnae HTML ki te pane DOCTYPE e āta e te momo o te kōnae - HTML. Kua tohua āhuatanga katoa whārangi (tūtohu) i roto i taiapa koki. Ia rua ( "<" me ">") ngā kotahi HTML tūtohu. Ko te tikanga e takirua HTML tūtohu, e ko, mo nga «tūtohu» i «/ tūtohu». E kopakia ana rua i roto i taiapa koki. He he he tūtohu kotahi, o nei e te tino rongonui «br /» - whakawhitinga ki te raina muri.

Ko te tūtohu nui i roto i te kōnae - i te reira ahau HTML, e ngā rua anake tūtohu: HEAD me BODY. I roto i te take tuatahi, he tohu o ngā hononga ki ētahi atu kōnae whārangi anōtia kia PHP hakari me hōtuhi JavaScript rerekē whakatakotoranga. I roto i te whārangi tuarua ihirangi tuhituhi. Ano i roto i te puka o tūtohu me hōtuhi.

whārangi-HTML Simple

tohua Tauira o te hanga taua whārangi i roto i te tuhinga i raro nei. A feruri maite i te reira.

wāhanga HEAD

Ko te tūtohu matua whakaaro HEAD - he whakaahuatanga whānui o te whārangi me te hōtuhi whānui, ahakoa te whakamutunga - tika te ariā whanaunga. Ko te tikanga i reira Piri nui faufaa ki e rua anake nga mea:

• kupumatua me whakaahuatanga o te whārangi;
• hononga ki ētahi atu kōnae (* .css me .JS *).

Hei whakaatu i te ihirangi o te ihirangi whārangi o tenei wāhanga he faufaa autaki anake te mea tohu te reira te wahi i etahi atu kōnae ture CSS mō tūtohu me ētahi atu reo hōtuhi.

HTML-whārangi kua he taitara (TITLE), whakaaturia nei te wa e kawea ai te manuhiri koutou kiore i runga i te ripa te wahi whakatuwheratia te whārangi kua. He nui tenei, no te mea te reira hanga te whārangi nui atu arotau, māmā ki te mea, hainatia kuputuhi pānui.

He nui i roto i te hōtaka tukutuku i roto i te whānui META-tūtohu, engari ka te hiahiatia reira te hanga o HTML-whārangi i roto i te pukapuka, hei tauira o te taputapu houhou hanganga i näianei.

I runga i te LINK me ngā hononga SCRIPT kia whakarongo motuhake. E pā ana te tuatahi ki te wahi i reira i reira ko te kōnae CSS raukāhua, te tuarua - te wāhi o te kōnae JavaScript-waehere. Ka taea te whakaturia taua hononga.

Ki te whakamahi koe i kia tukinotia hōtuhi hei matauranga HTML ka riro kaha, kia utu koutou whakarongo tonu i runga i ngā rau kāhua hūkere. Ko te kōnae CSS e, i roto i ngā, i te ture o te rēhitatanga o ngā tūtohu HTML.

BODY wāhanga

I roto i te meka, he HTML tauira whārangi - ko te wāhanga BODY tenei. Ko reira konei e kei te mōhiohio katoa, katoa o te whārangi ihirangi. aroaro mōhiohio katoa i roto i te puka o tūtohu me hōtuhi, pērā i te whakauru i te JavaScript-waehere mongamonga o te PHP-hōtaka ranei.

He mea nui ki te ite e te tauira o HTML whārangi tukutuku i roto i te pūtirotiro me te tauira ano i roto i te ētita kuputuhi pērā i Pukatuhi, e kore ko tenei te mea kotahi. I roto i te take tuatahi e tatou rite HTML-kuputuhi i roto i i mahi i nga hōtuhi katoa. Hei tauira, rite PHP kua tona wahi, me te hanga e hei utu o te waehere i roto i te wahi tika o nga tūtohu. rite ano JavaScript tona misioni, ahakoa e pā ana ki reira ano ki te waiho i te whakahaere motuhake.

HTML - tūtohu reira hei utu o hōtuhi. I te pae hopea, anake te ihirangi o te whārangi whakaaturia i roto i te pūtirotiro, engari tona tūtohu. e kore te mea i reira kahore PHP-waehere.

Ko JavaScript i roto i te tūranga motuhake, tona tiaki - ki te mahi ki te whārangi, e kore anake i te wā whawhai (kikī), engari i roto i te mau taime i te mea te whārangi i roto i te pūtirotiro o te manuhiri, me nga akoranga reira.

He tauira ohie o te HTML-page waehere whakaaturia (te wāhanga BODY anake) te raro nei.

pūtirotiro o te manuhiri titiro reira rite whakaaturia i raro nei.

kihai i tohua i roto i te waehere e titiro rite nga mea timatanga i kawea mai te pūtirotiro. Ko kitea i roto i te ture CSS hoahoa katoa. I roto i tenei take, Mcss / kōnae scPhpWordRW.css e i tohutoro (kite. Ko te tauira tino tuatahi o te HTML whārangi).

Haunga te HTML, he ohie kaupapa CSS, i reira he ture tino wātea, me te he iti to ratou maha, ka kore e rapua e te tauira o te hanganga o HTML-whārangi tetahi atu atu i Pukatuhi. Ko te tino wātea mō te whanaketanga tonu nga mea katoa:

E whakaatu ana tēnei mea ohie te whakaahuatia reira scLogo_vDoc tūtohu, me tenei whakaahuatanga ko e i roto i te āhua tonu o te tūtohu whakaatu te pikitia vDoc-logo.png, a ka ko te kiore ki runga reira - whakaaturia vDoc-logo-h.png.

Ko te hanganga o te whakaahuatanga HTML

Reo kore e whai wāhi e mau ana i roto i tetahi o te hanganga me te wetereo o te ariā, ko te tino whanaunga konei. E kore taurangi, engari i reira he nui o ngā whai wāhitanga. Ko te pūtake taketake o te Kuputuhiitua ko e reira ko ha konga (tūtohu) e he tino ki te whai i te ingoa.

Ko te ingoa o te take, te rua tūtohu, tito o ngā ingoa tika (ingoatūtohu) me taiapa koki ( «<» + ingoatūtohu + «>»), ki te e korero tatou e pā ana ki te timatanga o te tūtohu, me «», ki te tuhia tona mutunga.

Tauira o ngā whārangi HTML whakaahua huanga kei roto i te kuputuhi i raro.

Ko te tūtohu e taea whai huanga, ka e hoatu ratou i roto i te wāhi i muri i te ingoa tūtohu ki te aroaro o te kati taiapa koki ">". Huanga, ki te whai ratou tuhia te tūtohu e anake i te timatanga. Ko te ihirangi o te tūtohu ko e i takoto i waenganui i te tūtohu tīmatanga me te mutunga o reira.

Tapeke whakaahuatanga ihirangi HTML

taea HTML ki a koutou whakaahua i te poraka, me te rōraina huānga. Tuatahi noho taea te tūnga he tetahi wāhi i roto i te matapihi pūtirotiro tino, e ko i te wahi e tika ana i te mara o te whakaatu HTML-whārangi, ka whai i te rahi motuhake.

huānga rōraina te tikanga puta tetahi miro, e ko, rite i kī i roto i te kōnae whārangi, ka whakaaturia i runga i te mata. Ka taea te awe te whakaatu o te rere katoa, ka puta te kawenga whārangi. I te türanga, aritanga, me ētahi atu āhuatanga o te huānga poraka e taea te tākiekina i tetahi wa mā JavaScript-waehere.

I tua atu ki te āhuatanga kuware, tuku HTML ki te whakaahua i te tepu, me ngā puka. He tino nui i roto i te tono i roto i te enei āhuatanga "whare te pae rā."

Whakaahuatanga o te tepu: TABLE tūtohu, TR, TD

A, no te taea te whakamahi TABLE tūtohu ki te waihanga i tētahi tepu, whakapūtā he maha o rarangi me TR i roto i te rarangi mo te maha o ngā pūtau TD. I roto i te rerekē ki te tepu mua o whakahaere, e tika ana ki te whakahaere ripa HTML-tautohu natura iti ki tenei whakapuakitanga, no te mea ki te hiahia te kaiwhakawhanake ki te whai i te tepu tapawhā i roto i nei te maha o nga tīwae rarangi katoa o te taua i roto i, na me te whai i te reira e hoki koe.

Ko te tūnga mau ia vai ma o HTML: mahi mea katoa ko, engari kahore e kore te e matau. I roto i ētahi wā e kore e mea faufaa ki te maha o tīwae i roto i ia rarangi o te tepu, engari ki te hiahia koe ki te mahi i te pūtau hanumi whakapae poutū ranei, he mea e tika ana ki te tatau rawa āta katoa.

whārangi Tauira HTML ki te whakamārama o te tepu ohie kauwhata whakaaturia i roto i te tuhinga.

Tenei ko te tepu e whakaatu ana i te rahi o e toru nga rarangi i tīwae toru, me te tūtohu rarangi tuatahi i whakamahia TH hei utu o TD tūtohu - te pane tīwae. Ngā whakanuia e kore e enei tūtohu e rua i, engari e taea ki te whakamahi i te tuatahi ki te wehewehe i waenganui i te rarangi tuatahi o te tepu, me i roto i te CSS ki TH, ka taea e koe te tāpiri i tō kāhua ake, e titore reira i te tahi atu TD.

puka Whakamārama: PUKA tūtohu, tāuru

Puka - Ko te wahi tino ui o te HTML-tūtohu tenei. Ka taea e ngā puka Mā te tuku mōhiohio. Mau, te whārangi - tenei mōhiohio whakaatu, ko te puka - tāuru.

whārangi Tauira HTML ki te whakamārama o te puka ohie:

Whakamahinga o puka nui ake, engari ko nga āhuatanga matua e whai ake. Ka taea e koe te whakapūtā te mara tāuru, e hiahia ana koe ki te tautapa ki a ratou te hoahoa me te kawenga kaupapa mo te tātari o te tāuru kaiwhakamahi. Ka taea e koe te whakapūtā te mara huna me te tuku pārongo i te papamuri whārangi. Ka taea e koe te tautapa pātene mōhiohio tuku, te pēhi e kōkiri te tukanga whakawhiti raraunga.

Mā te HTML

Hei mohio Kuputuhiitua reo - he condition mahuinga ia mo tetahi whāiti mahi i roto i te mara o te hōtaka Ipurangi, engari ki te hiahia koe ki te tuhituhi i tētahi hōtaka i roto i te PHP JavaScript ranei, ka mohio HTML + CSS hiahia maitai.

reo PHP Kua tāutuhia, kua i roto i te tauira o mua. rere PHP i runga i te tūmau, no te mea he whārangi ki tenei puka rere i te tūmau ki te pūtirotiro ki te mara ki tonu. I roto i ngā, TestOnBlur mahi whakahuatia i roto i te tāuru tūtohu (onblur pūnanao takahanga), riro nga tawhā katoa i roto i te puka o ngā āpure kuputuhi.

Ko te pūtirotiro rere JavaScript, a ki te mahi tika raraunga tonoa pātene whakahokia ki te tūmau, e ko, hoahoa :. onclick = jQuery ( '# ki') Val ( 'kata'), he mea e tika ana ki te mohio kore noa e pā ana ki te mea i te jQuery, engari he aha te #Hei, Val, kata. More ïa, he mea e tika ana ki te mohio te tūtohu HTML taketake me nga ture whānui tono ki a ratou i te kāhua CSS.

He nui ki te whakaara hohoro te tohu o tetahi whāiti i roto i te rohe o te hōtaka Ipurangi tenei.