Me pēhea te tāpiri i ngā ihirangi HTML ritenga ki ngā puka WordPress

Ehara ngā puka i te mea he āpure tāuru noa iho. I ētahi wā me whakamārama koe i tētahi mea, me wehewehe i ngā wāhanga, me whakaatu i tētahi ahua, me tāpiri horopaki rānei i waenga i ngā pātai. Ka hurihia e ngā ihirangi HTML ritenga ngā puka tūmau hei wheako ārahi. Anei me pēhea te tāpiri ihirangi whai kiko ki ō puka WordPress.

He aha te Poraka HTML?

definition

He huānga puka motuhake te Poraka HTML e whakaatu ana i ngā ihirangi me te kore e kohikohi i ngā tāuru. Ka whakaatuhia te HTML i waenga i ō āpure puka, ka taea ai e koe te tāpiri tuhinga, whakaahua, ataata, wehewehe, me ētahi atu.

Poraka HTML me ngā Āpure Auau

He aha i whakamahia ai ngā poraka HTML?

1. Ngā Tohutohu me te Aratohu

Āwhina i ngā kaiwhakamahi kia mārama ki tā rātou mahi:

• Whakamāramahia ngā pātai uaua
• Whakaratohia te horopaki
• Ngā whakaritenga rārangi
• Arataki i ngā wāhanga

2. Te Whakaritenga Tirohanga

Wehea ngā āhua roa:

• Ngā pane wāhanga
• Ngā wehewehe whakapae
• Ngā wehewehe tirohanga
• Ngā ihirangi kua whakarōpūtia

3. Pāpāho Whairawa

Tāpirihia ngā āhuatanga tirohanga:

• Ngā whakaahua me ngā ata
• Nga riipene whakaata
• Infographics
• Whakaahua

4. Ture me te Tautukunga

Whakaatuhia ngā mōhiohio nui:

• Kuputuhi me nga tikanga
• Ngā pānui tūmataiti
• Karo
• Ngā whakaaturanga e hiahiatia ana

5. Waitohu

Whakakahangia tō waitohu:

• Waitohu
• Nga tae waitohu
• Te hanga āhua ritenga
• Te titiro riterite

Te Tāpiri i tētahi Poraka HTML

Hipanga 1: Tāpirihia te Āpure

1. Whakatuwheratia tō puka ki roto A.F.B.
2. Kimihia Poraka HTML i roto i te rārangi āpure
3. Tōia ki te tūranga e hiahiatia ana i roto i tō puka

Hipanga 2: Tāpirihia to Ihirangi

1. Pāwhiritia te Poraka HTML hei tīpako
2. Whakatuwheratia te papa tautuhinga
3. Tāuruhia ō ihirangi HTML
4. Arokite hei manatoko i te āhua

Hipanga 3: Tūnga me te Kāhua

1. Tōia hei whakarite anō mēnā e tika ana
2. Tāpirihia ngā kāhua, ngā akomanga rānei o roto
3. Whakamātautau i te pito o mua

Ngā Whakamahinga Noa o te Poraka HTML

1. Ngā Upoko Wāhanga

Ngā Mōhiohio Whaiaro Tēnā homai ō taipitopito whakapā ki raro nei.

Hua:

Mōhiohio whaiaro
Tukuna mai o taipitopito whakapā i raro nei.

2. Wehewehenga Whakapae

Hua: He rārangi ma e wehe ana i ngā wāhanga.

3. Pouaka Tohutohu

 He mea nui: Kia rite mai tō nama ota i mua i te haere tonu.

4. Ngā Tohutohu Mata

I mua i te tuku mai, me whakarite kia: Kua oti ngā āpure katoa e hiahiatia ana He tika tō wāhitau īmēra Kua arotakehia e koe ngā tikanga i raro nei

5. Whakaahua

6. Ataata Whakauru

7. Pouaka Whakatūpato/Whakatūpato

 ⚠️ Whakatūpato: Kāore e taea te whakatika i ngā tuku i muri i te tukunga.

8. Angitu/Pouaka Mōhiohio

 ✓ Ka tiakina aunoa tō ahunga whakamua.

9. Panui Matatapu

Kei raro i tā mātou Kaupapahere Tūmataitinga ōu mōhiohio e tiakina ana. E kore rawa mātou e tohatoha i ōu raraunga ki ētahi atu rōpū tuatoru.

10. Whakarāpopototanga o ngā Ture me ngā Here

 Ngā Ture Ratonga Mā te tuku i tēnei puka, e whakaae ana koe ki...

Ngā Tauira Tahora Puka

Puka Wāhanga Maha

[Poraka HTML: Wāhanga 1 - Upoko Mōhiohio Whaiaro] Mara Ingoa Mara Īmēra Mara Waea [Poraka HTML: Wehewehe] [Poraka HTML: Wāhanga 2 - Upoko Taipitopito Kaupapa] Momo Kaupapa taka-iho Whakaahuatanga rohe tuhinga Mara Tahua [Poraka HTML: Wehewehe] [Poraka HTML: Wāhanga 3 - Upoko Hikoi Whakamutunga] Tukuake Kōnae Pouaka takiuru Ngā Ture Pātene Tukuna

Puka Whakaako

[Poraka HTML: Karere mihi me ngā tohutohu] [Poraka HTML: Tohu Hipanga 1] Pātai 1 Pātai 2 [Poraka HTML: Tohu Hipanga 2] Pātai 3 Pātai 4 [Poraka HTML: Whakamaumahara Arotake] Pātene Tuku

Puka Puka

[Poraka HTML: Tohu kamupene] [Poraka HTML: Taitara tūranga me te whakaahuatanga] Mara ingoa Mara īmēra [Poraka HTML: Tohutohu "Tukuna tō reta tono mahi" me ngā whakaritenga hōputu] Mara tukuake kōnae [Poraka HTML: Tauākī whai wāhitanga ōrite] Pātene tuku

Te Whakatakoto i ngā Poraka HTML

Ngā Kāhua Rōraina

Tāpirihia ngā momo kāhua ki ngā huānga:

Kei konei ō ihirangi kua whakaritea.

Ngā Āhuatanga Kāhua Noa

Papamuri: papamuri: #f5f5f5; Whakakī: whakakī: 15px; Tawhā: tawhā: 20px 0; Taitapa: rohe: 1px totoka #ddd; Pūtoro taitapa: pūtoro-tawhā: 5px; Rahi momotuhi: rahi-momotuhi: 14px; Tae: tae: #333; Whakatika kuputuhi: whakatikatika-kuputuhi: pokapū;

Te Waihanga i ngā Pouaka Whakairoiro

Pouaka Pārongo (Kikorangi):

 ℹ️ He karere pārongo kei konei

Pouaka Angitu (Kākāriki):

 ✓ Karere angitu i konei

Pouaka Whakatūpato (Kōwhai):

 ⚠️ He karere whakatūpato kei konei

Pouaka Hapa (Whero):

 ✕ He hapa, he whakatūpato nui rānei kei konei

Ngā Tohutohu Hoahoa Urupare

Images

Whakamahia tonu te whānui-mōrahi mō ngā whakaahua urupare:

ataata

Whakamahia te takai urupare mō ngā ataata kua whakauruhia:

Panui Kuputuhi

• Whakamahia ngā rahi momotuhi ōrite (em, rem)
• Kia mārama te pānui i ngā roanga o ngā rārangi
• He pai te whakakī i runga i te waea pūkoro

Nga Mahi Pai

1. Kia Pumau

• Kuputuhi poto, ka taea te matawai
• Ngā tohu matā i runga i ngā paraka
• Ngā mōhiohio tino nui anake

2. Te Arataki Ataata

• Whakamāramahia ngā pane
• Te whakaahua riterite
• Rere arorau

3. Urutanga

• Kuputuhi Alt mo nga whakaahua
• He rawaka te rerekētanga tae
• HTML tikanga (h2, h3, p, ul)
• Kaua e whakawhirinaki ki te tae anake hei tohu i te tikanga

4. Kaua e Whakanuia

• Ka nui rawa ngā ihirangi ka pāngia
• Tauritehia te ihirangi me ngā āpure whakauru
• Te kaupapa mō ia poraka HTML

5. Whakamatau Tino

• Arokite i runga i te papamahi me te waea pūkoro
• Tirohia te mahi a ngā hononga katoa
• Manatokohia te utaina o ngā whakaahua
• Whakamātauria i roto i ngā pūtirotiro rerekē

Ngā Whakaaro Poraka HTML Matatau

Tohu Ahunga whakamua

1  2  3 Hipanga 2 o te 3: Ngā Taipitopito Kaupapa

Tahora Pou-Rua

Kōwhiringa A Whakaahuatanga o te kōwhiringa A... Kōwhiringa B Whakaahuatanga o te kōwhiringa B...

Wāhanga Whakapiko (Ngā Taipitopito/Whakarāpopototanga)

Pāwhiritia hei pānui i ngā tikanga katoa Kei konei ngā tikanga me ngā here katoa...

Rarangi Ata

✓ Tukunga kore utu mō ngā ota neke atu i te $50 ✓ Taurangi whakahoki moni 30-rā ✓ Tautoko kiritaki 24/7

Tatau Whakamuri/Whakahohenga

 🔥 Tuku Wā Poto - Tukuna mai i mua i te Paraire hei whai mana!

Nga Whakaaro Haumaru

He aha te mea haumaru

• Ngā tūtohu HTML paerewa (p, div, h1-h6, ul, li, me ētahi atu)
• Ngā momo ā-roto
• Ngā whakaahua mai i ngā puna pono
• Ngā ataata whakauru mai i ngā papaaho nui

He aha Te Tangohia atu

• JavaScript i roto i ngā poraka HTML (tērā pea ka tangohia)
• Ngā tuhinga o waho
• Ngā pūtake iframe kāore i te whakawhirinakihia
• Ngā huānga puka i roto i ngā poraka HTML

Tuhipoka mō ngā Herenga Hōtuhi

Ko te nuinga o ngā kaihanga puka ka horoi i te HTML hei ārai i ngā whakaekenga XSS. Ka taea te tango aunoa i te JavaScript me ētahi tohu hei haumarutanga.

Nga raruraru

Kāore te HTML e Whakaputa

• Tirohia mēnā he hapa wetereo
• Manatokohia kua kati tika ngā tūtohu
• Tērā pea ka herea ētahi tohu

Kāore i Whakamahia te Whakairoiro

• Tirohia te wetereo momo ā-roto
• Ka taea e te CSS kaupapa te whakakore
• Whakamahia he momo kāhua motuhake ake, he !important rānei

Kāore e Whakaatuhia ana ngā Whakaahua

• Manatokohia te tika o te URL o te whakaahua
• Tirohia ngā whakaaetanga whakaahua
• Whakamahia te URL katoa (https://…)

Te Wehenga Tahora i runga i te Waea Pūkoro

• Tāpirihia te whānui mōrahi: 100% ki ngā whakaahua
• Whakamahia ngā tahora ngāwari (flexbox)
• Whakamātautauhia ki te pūrere pūkoro tūturu

whakarāpopototanga

Te tāpiri i ngā ihirangi HTML ritenga ki ngā puka:

1. Tāpirihia te Poraka HTML – Tōia ki tō puka
2. Whakauruhia ngā ihirangi – HTML i roto i te papa tautuhinga
3. Tūnga tika – I waenganui i ngā mara e pā ana
4. Whakatakotoria kia rite ki te hiahia – Ngā momo kāhua, ngā akomanga rānei ā-roto
5. Puritia kia wātea – Kuputuhi alt, rerekētanga, HTML tikanga
6. Whakamātauria kia aro nui – Papamahi me te waea pūkoro

Opaniraa

Ka hurihia e ngā poraka HTML ngā puka mai i ngā pātai māmā ki ngā wheako ārahi. Tāpirihia he horopaki ki ngā wāhi e hiahiatia ana e ngā kaiwhakamahi, whakaritea ngā puka roa ki ngā wāhanga arorau, ā, tāpirihia he pāpāho whai rawa hei whakauru me te whakamōhio. Ahakoa he pane wāhanga, he pouaka tohutohu, he ataata tāmau rānei, ka pai ake te whai hua me te ngāwari ki te whakamahi i ō puka nā te ihirangi HTML ritenga.

Kaihanga Puka Aunoa kei roto ko te momo āpure Poraka HTML, e āhei ai koe ki te tāpiri i ngā ihirangi HTML i waenga i ō āpure puka. Waihangahia he puka ngaio, he puka whakamōhio hei ārahi i ngā kaiwhakamahi i roto i te tukanga tuku.

Kua rite koe ki te whakapai ake i ō puka? Tikiake i te Kaihanga Puka Aunoa ā, tīmata ki te tāpiri i ngā ihirangi ritenga i tēnei rā.