Nchịkọta weebụ: esi eme ka ndabere na html

Ọtụtụ ndị na-amalite ịmalite ịmalite ịmepụta weebụsaịtị na-echekarị otú html ga-esi jiri ihe osise mee ihe ndabere. Ma ọ bụrụ na ụfọdụ ndị nwere ike ịghọta nsogbu a, enwere nsogbu mgbe ị na-agbatị onyinyo ahụ n'ozuzu nke nyocha. N'otu oge ahụ, m ga-achọ ka saịtị ahụ gosipụta ya na ihe nchọgharị niile, ya mere, a ghaghị izute nkwenye cross-browser. Ị nwere ike ịtọ na ndabere na ụzọ abụọ: site na iji HTML mkpado na CSS ekwekọghị. Onye obula choputara onwe ya ihe kacha mma. N'ezie, CSS ụdị dị mfe karị, n'ihi na edebere koodu ya na faịlụ dị iche iche ma ghara iburu oghere ndị na-enweghị isi na mkpokọta mkpado nke saịtị ahụ, mana tupu anyị atụlee usoro dị mfe nke ịwụnye ihe oyiyi na ndabere nke saịtị ahụ.

Ntọala HTML ntọala maka ịmepụta ndabere

Yabụ, ka anyị gaa n'ihu ajụjụ banyere otu esi eme ihe ndabere na html na ihuenyo dum. Iji mee ka saịtị ahụ maa mma, ịkwesịrị ịghọta otu ihe dị mkpa zuru ezu: ọ ga-ezuru naanị iji mee ka ọ dị elu ma ọ bụ jiri ya na-acha ya, ma ọ bụrụ na ịchọrọ ịdeye foto na ndabere, ọ gaghị agbatị n'ozuzu nke nyocha. A ga-ahọrọ onyinyo ahụ ma ọ bụ na-eme onwe ya ka ọ bụrụ ihe mgbakwunye na mgbatị dị otú ahụ, nke ị ga-enwe saịtị nke saịtị gosipụtara. Naanị mgbe ọdịdị ndabere dị njikere, anyị na-ebufe ya na nchekwa ahụ akpọrọ "Images". N'ime ya, anyị ga-echekwa ihe niile eji eme ihe, mmemme na faịlụ ndị ọzọ. Nke a na nchekwa kwesịrị ịdị na ndekọ ndekọ ya na faịlụ html niile. Ugbu a ị nwere ike ịga koodu. E nwere ọtụtụ nhọrọ maka ederede ederede, nke ndabere ga-agbanwe na foto.

1. Dee aha nke mkpado ahụ.
2. Site na CSS na koodu HTML.
3. Dee ụdị CSS na faịlụ dị iche.

Dịka na HTML, iji mee nzụlite foto, ị na-ekpebi, mana m ga-achọ ikwu okwu ole na ole banyere otu ọ ga - esi dị mma. Usoro mbu ya na enyemaka nke ede site na njirimara mkpado adịwo ogologo oge. A na-eji nhọrọ nke abụọ mee ihe n'ọnọdụ ndị dị nnọọ njọ, naanị n'ihi na ị nwere ọtụtụ koodu ahụ. Nhọrọ nke atọ kachasị dị irè ma dị irè. Lee ihe atụ HTML nke mkpado:

1. Ụzọ mbụ ị ga-esi dee site na ahụ mmadụ na faịlụ index.htm. Edere ya na ụdị a: (ozu ndabere = "Folder_name / Picture_name.extension") (/ body). Nke a bụ, ọ bụrụ na anyị nwere foto a na-akpọ "Foto" na nkwụsị nke JPG, ma anyị kpọrọ folda dịka "Images", mgbe ahụ, koodu HTML ga-adị ka nke a: (ozu ndabere = "Images / Picture.jpg") ... (/ body) .
2. Ụzọ nke abụọ nke ederede na-emetụta ụdị CSS, mana edere ya n'otu faịlụ a na-akpọ index.htm. (Style style = "ndabere: url ('../ Images / Foto.jpg')").
3. Ụzọ nke atọ a na-edekọ na-eme na faịlụ abụọ. Na akwụkwọ a na-akpọ index.htm, a na-ede ihe na-esonụ na isi mkpado: (isi) (njikọ rel = "styleheet" type = "text / css" href = "http: // site / article / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_file ") (/ isi). Na faịlụ faịlụ na aha style.css anyị edeelarịrị: ahụ [ndabere: url (Images / Foto.jpg ')}.

Dị ka HTML iji mee foto ntanetị, anyị na-agbada. Ugbu a, ị ga-achọ ịma otú ị ga-esi gbatịa foto gafee obosara nke ihuenyo dum.

Ụzọ iji gbasapụ ihu ala na obosara nke windo ahụ

Ka anyị lee anya na ihuenyo anyị dị ka pasent. Ọ na-apụta na dum dum na ogologo nke ihuenyo ga-abụ 100% x 100%. Anyị kwesịrị ịgbatị foto a n'obosara. Tinye na ntinye oyiyi n'ime style.css faịlụ nke eriri nke ga-agbatị onyinyo ahụ n'ozuzu ya na ogologo nke ihe nyocha. Kedu ka edere ya na CSS ụdị? Ọ dị mfe!

Isi

{

Ihe ndabere: url (Images / Foto.jpg)

Ihe gbasara ogo: 100%; / * Ntinye a bara uru maka ọtụtụ ihe nchọgharị weebụ n'oge a /

}

Ya mere, anyị chepụtara otu esi eme ihe ndabere na html na ihuenyo dum. E nwekwara ụzọ isi dee na faịlụ index.htm. Ọ bụ ezie na usoro a ejighịzi ya, ọ dị mkpa ka ndị na-amalite ịmara ma ghọta ya. Na mkpado (isi) (ụdị) gbasaa (ndabere-ogo: mkpuchi; ) (/ Style) (/ isi) ihe ndekọ a pụtara na anyị na-ahọrọ ngọngọ pụrụ iche maka ndabere, nke a ga-etinye n'ọnọdụ dum dum nke windo. Anyị na-ele anya ụzọ 2 iji mee ka saịtị ahụ bụrụ ihe oyiyi html, ka onyinyo ahụ wee gbasaa dum obosara nke ihuenyo ọ bụla n'ime ihe nchọgharị ndị a.

Otu esi eme ka azu

Ọ bụrụ na ị kpebie iji foto dị ka ndabere nke ihe nchọgharị weebụ n'ọdịnihu, ọ dị mkpa ka ị mụta otú ị ga - esi mee ya, nke mere na ọ gbatịghị ogologo ma ghara ikpochapụ ụdị ọdịdị ahụ. O zuru ezu iji jiri koodu HTML dee obere ntinye a. Ikwesiri igbakwunye otu ahịrịokwu na style.css faịlụ mgbe ndabere: url (Images / Foto.jpg ') edozi; Ma ọ bụ kama itinye mgbatị dị iche mgbe semicolon - ọnọdụ: edozi. N'ụzọ dị otú a, foto gị ga-adịgide. Ka ị na-agagharị ọdịnaya na saịtị ahụ, ị ga-ahụ na ederede ederede na-agagharị, na ndabere na-anọgide na ebe. Ya mere, ị mụtara otú ị ga-esi zụlite html, n'ọtụtụ ụzọ.

Na-arụ ọrụ na tebụl n'ime HTML

Ọtụtụ ndị mmepeepe weebụ na-enweghị ahụmahụ, na-eche ihu na tebụl na blocks, anaghị aghọtakarị otu esi eme ka foto na html dị na okpokoro. Dị ka ihe niile ìgwè HTML na CSS ekwekọghị, na web mmemme asụsụ bụ pụtara dị mfe. Ihe ngwọta maka nsogbu a ga-ede ederede di na nwunye. Ị ga-amarịrịrị na edere ederede teepu na ogidi dị ka mkpado (tr) na (td). Iji mee ka ndabere nke okpokoro dị ka onyinyo, ịkwesịrị ịgbakwunye otu okwu dị mfe na mkpado (tebụl), (tr) ma ọ bụ (td) na njikọ njikọ ahụ: ndabere = URL nke onyinyo ahụ. Maka ihe doro anya, anyị na-enye ihe atụ ole na ole.

Tebụl na foto ma ọ bụghị ndabere: HTML atụ

Ka anyị dọọ okpokoro 2x3 ma mee ka ọ zọpụta foto dị na foto ndị dị na foto: (okpokoro okpuru = "Images / Foto.jpg") (tr) (td) 1 (/ td) (td) 2 (/ td) (td) (Td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ okpokoro). Ya mere, a ga-esere okpokoro anyị n'azụ foto ahụ.

Ugbu a, zoo otu okpokoro ahụ nke dị 2i3, ma anyị ga-etinye foto ahụ n'ime osisi n'okpuru nọmba 1, 4, 5 na 6. (tebụl) (tr) (td background = "Images / Picture.jpg") 1 (/ td) (td) 2 (Td) (td) 3 (/ td) (/ tr) (tr) (td background = "Images / Picture.jpg") 4 (/ td) (td background = "Images / Picture.jpg") 5 / Td) (td background = "Images / Foto.jpg") 6 (/ td) (/ tr) (/ okpokoro). Mgbe anyị lere anya, anyị na-ahụ na nzụlite dị naanị na mkpụrụ ndụ anyị debara aha, ma ọ bụghị na tebụl dum.

Ebe nchekwa Cross-nchọgharị

A ka nwere ihe dị otú ahụ dịka ihe nchọgharị-nchọgharị nke ihe enyemaka weebụ. Nke a pụtara na peeji nke saịtị ahụ ga-egosipụta n'otu ụzọ ahụ na ụdị na nsụgharị nke nchọgharị. Ọ ga-abụ HTML koodu na CSS ekwekọghị hazie a dị mkpa nchọgharị. Na mgbakwunye, na oge a nke mmepe ntụrụndụ, ọtụtụ ndị mmepe weebụ na-agbalị ịmepụta saịtị ndị na-emegharị maka nsụgharị mobile na echiche kọmputa.