Tinye mkpokọta Web nke na-adị na ya

Tinye Captions HTML na Images Weebụ na 9 Nzọụkwụ Nzọụkwụ

Images tinye ndụ gị na ibe weebụ ma dọta mmasị nke ndị na-ekiri. Captions na-enyekwu ozi gbasara foto weebụ gị, mana ha nwere ike isi ike ịgbakwunye na webpages na-enweghị ọkwa HTML na CSS. Nke a bụ ụzọ a pụrụ ịdabere na ya iji gbakwunye ihe dị mfe ma dị mma, ihe ntinye na ihe oyiyi nke na-adị na onyinyo ahụ ọ bụla ị na-akpali ya na ibe weebụ.

9 Nzọụkwụ iji nweta ihe oyiyi HTML

Tinye ederede na ihe oyiyi ma mee ka ha gbakọta ebe ọ bụla ị chọrọ:

1. Tinye ihe oyiyi na ibe weebụ gị.
2. Na HTML maka ibe weebụ gị, tinye ebe ịgba afa gburugburu oyiyi ahụ:
3. Add a style style to the div tag:
   style = "" >
4. Debe obosara nke oghere n'otu obosara dịka onyinyo ahụ, ya na ụdị ihe obosara :
   width: image width px; ">
5. Maka mkpụrụ edemede nke dị ntakịrị karịa ederede gbara gburugburu, gbakwunye ihe ntinye aka-size na ụdị ịkekọrịta:
   font-size: 80%; ">
6. Ọ bụrụ na ọ bụrụ na ha nọ n'okpuru onyinyo ahụ, gbakwunye ihe ederede na-ahazi ụdị ihe a:
   text-align: center; "> < img src = "URL" alt = "ederede ọzọ" obosara = "obosara" elu = "elu" />
7. N'ikpeazụ, gbakwunye obere ohere dị n'etiti onyinyo ahụ na ihe odide ahụ, site n'ịgbakwunye ihe oyiyi ahụ na mbiet ahụ na-eji ihe nkedo na-eme akwa akwa :
   ụdị =" nkwụsị-ala: 0.5em; " />

1. Wee tinye ihe ntinye ederede n'okpuru ihe oyiyi ahụ:
   Nke a bụ ihe ntinye m

Bulite webpage na nkesa gị ma nwalee ya na ihe nchọgharị.

Atụmatụ isi

• Nha di uku : CSS nwere ike di otutu uzo di iche iche, ya mere i gha aghagh ighota udi ihe. Dịka ọmụmaatụ: obosara: 100 px ; Otú ọ dị, oyiyi HTML dị na mgbe niile na pikselụ, n'ihi ya, ị na-ahapụ ntụgharị ahụ. obosara = "100"
• Ọ bụrụ na ị na-eme ka obosara nke ọhụụ karịa obosara ihe oyiyi ahụ, ihe osise ahụ nwere ike ịpụta n'akụkụ oyiyi ahụ. Ọ bụrụ na nke a bụ ihe ịchọrọ, mgbe ahụ gbakwunye nọmba
  ozugbo kpọmkwem tupu ihe ntinye na mgbe ihe oyiyi ahụ dị.