Mepụta ohere na nkewa nke ihe ndị dị na HTML na CSS
Ịmepụta oghere na mwepụ nke anụ ahụ dị na HTML nwere ike isi ike nghọta maka onye mmebe web mmalite. Nke a bụ n'ihi na HTML nwere ihe a maara dị ka "ntụpọ ọcha." ma ị pịnyere 1 oghere ma ọ bụ 100 na koodu HTML gị, ihe nchọgharị weebụ na-eme ka ala ahụ ghara ịdaba n'otu ebe. Nke a dị iche na mmemme dị ka Microsoft Okwu , nke na-enye ohere ka ndị na-emepụta ihe ederede ịgbakwunye otutu oghere iji kewaa okwu na ihe ndị ọzọ nke akwụkwọ ahụ.
Nke a abụghị otú ntinye arụmọrụ weebụ.
Ya mere, olee otu ị ga - esi tinyekwuo ọcha na HTML nke na - egosi na ibe weebụ ? Isiokwu a na-enyocha ụfọdụ ụzọ dị iche iche.
Mpaghara na HTML na CSS
Ụzọ kacha mma ị ga-esi tinye oghere na HTML gị bụ Diskading Style Sheets (CSS) . CSS kwesịrị iji iji tinye ihe ọ bụla dị na ibe weebụ, ebe ọ bụ na nkedo bụ akụkụ nke njirimara ihe ngosi nke ibe, CSS bụ ebe ịchọrọ ka a mee nke a.
Na CSS, ịnwere ike iji ma ọ bụ akụkụ ma ọ bụ ihe ntanye iji tinye ohere gburugburu ihe. Tụkwasị na nke ahụ, ihe ederede ederede na-agbakwụnye ohere n'ihu ederede, dị ka ịchọta paragraf.
Nke a bụ ihe atụ nke otu esi eji CSS tinye ohere n'ihu paragraf gị niile. Tinye CSS na-esote gị na mpempe akwụkwọ mpempe akwụkwọ:
p {
ederede-indent: 3em;
}
Mpaghara na HTML: N'ime ederede gị
Ọ bụrụ na ịchọrọ ịgbakwunye oghere ọzọ ma ọ bụ abụọ na ederede gị, ịnwere ike iji oghere na-agbasaghị.
Ụdị a na-eme dịka agwa agwa, ma ọ dịghị adaba n'ime ihe nchọgharị ahụ.
Nke a bụ ihe atụ nke otu esi tinye ise ise n'ime ederede ederede:
Ihe odide a nwere oghere ise ọzọ n'ime ya
Na-eji HTML:
Ihe odide a nwere & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ise oghere ise n'ime ya
I nwekwara ike iji akara tag ahụ iji gbakwunye mgbatị ọzọ.
Nkebi okwu a nwere nkwụsị ise na njedebe nke ya
Gini mere ichoputa na HTML bu ihe ojoo
Ọ bụ ezie na nhọrọ ndị a na - arụ ọrụ - akụkụ ahụ nke na - abụghị nke na - emeghe ga - agbakwunye gbanwee ihe ederede gị na nkwụsị nke ntinye ga - agbakwunye ntinye n'okpuru paragraf ahụ e gosiri n'elu - nke a abụghị ụzọ kachasị mma isi kee spacing na ibe weebụ gị. Ịtinye ihe ndị a na HTML gị na-agbakwụnye ozi ihuenyo na koodu ahụ kama ịhapụ ọdịdị nke ibe (HTML) site n'ụdị anya (CSS). Omume kachasị mma na-ekwu na ndị a kwesịrị ịdị iche iche maka ọtụtụ ihe, tinyere ike nke imelite n'ọdịnihu na nchịkọta file na arụmọrụ arụmọrụ.
Ọ bụrụ na ị na-eji akwụkwọ mpempe akwụkwọ mpempe akwụkwọ iji dọọ ụdị gị niile na spacing, mgbe ahụ ị gbanwee ụdị ndị ahụ maka saịtị ahụ niile dị mfe ime, ebe ọ bụ naanị na ị ga-emelite akwụkwọ mpempe akwụkwọ ahụ.
Tụlee ihe atụ dị n'elu nke ahịrịokwu ahụ na akara aka ise na njedebe ya. Ọ bụrụ na ịchọrọ ọnụọgụ ahụ na ala nke paragraf ọ bụla, ị ga-achọ itinye koodu HTML na paragraf ọ bụla na saịtị gị. Nke ahụ bụ ọnụ ọgụgụ ziri ezi nke ntinye akara nke ga-agbanye ibe gị.
Tụkwasị na nke a, ọ bụrụ na ị kpebie ụzọ nke spacing a dị oke ma ọ bụ obere, ma ịchọrọ ịgbanwe ya ntakịrị, ị ga-achọ idezi otu paragraf ọ bụla na ebe nrụọrụ weebụ gị dum. Enweghị ekele!
Kama ịtinye ihe ndị a ederede na koodu gị, jiri CSS.
p {
padding-ala: 20px;
}
Nke ahịrị CSS ga-agbakwunye ọnye n'okpuru paragraf nke ibe gị. Ọ bụrụ na ịchọrọ ịgbanwe mpaghara ahụ n'ọdịnihu, dezie otu akara a (kama akara koodu gị dum) ma ị dị mma ịga!
Ugbu a, ọ bụrụ na ịchọrọ ịgbakwunye otu oghere n'otu akụkụ nke ebe nrụọrụ weebụ gị, na-eji akara
ma ọ bụ ebe na-agbasaghị na-abụghị njedebe nke ụwa, mana ị ga-akpachara anya.
Iji ndenye nhọrọ ederede HTML a ederede nwere ike ibu uzo na-adighi amu. Mgbe otu ma ọ bụ abụọ nwere ike ọ gaghị emerụ gị na saịtị ahụ, ọ bụrụ na ịga n'ihu n'ụzọ ahụ, ị ga-ewebata nsogbu n'ime ibe gị. Na njedebe, ị ka mma ịgbanwere CSS maka ntinye HTML, na ihe nchọgharị ọ bụla ọzọ chọrọ.