បន្ថែមចំណងជើងបណ្តាញដែលស្ថិតនៅជាមួយរូបភាពរបស់វា

បន្ថែមចំណងជើង HTML ទៅរូបភាពបណ្តាញក្នុង 9 ជំហានងាយៗ

រូបភាពបន្ថែមជីវិតទៅទំព័របណ្តាញរបស់អ្នកនិងទាក់ទាញការយកចិត្តទុកដាក់របស់ទស្សនិកជន។ ចំណងជើងផ្តល់ព័ត៌មានបន្ថែមអំពីរូបភាពបណ្ដាញរបស់អ្នកប៉ុន្តែពួកគេអាចពិបាកក្នុងការបន្ថែមទៅទំព័របណ្ដាញដោយគ្មានជំនាញ HTML និង CSS កម្រិតខ្ពស់។ នេះជាវិធីសាស្រ្តដែលអាចជឿទុកចិត្តបានសម្រាប់បន្ថែមភាពសាមញ្ញ, ដែលគួរឱ្យទាក់ទាញ, ចំណងជើងទៅរូបភាពដែលស្ថិតនៅជាមួយរូបភាពនៅគ្រប់ទីកន្លែងដែលអ្នកផ្លាស់ទីវានៅលើគេហទំព័រ។

9 ជំហានទៅចំណងជើងរូបភាព HTML

បន្ថែមចំណងជើងទៅរូបភាពហើយផ្លាស់ទីវារួមគ្នានៅកន្លែងណាដែលអ្នកចង់បាន:

1. បន្ថែមរូបភាព ទៅគេហទំព័ររបស់អ្នក។
2. ក្នុង HTML សម្រាប់គេហទំព័ររបស់អ្នកដាក់ស្លាក div នៅជុំវិញរូបភាព:
3. បន្ថែមគុណលក្ខណៈរចនាប័ទ្មទៅស្លាក div:
   style = "" >
4. កំណត់ទទឹងរបស់ div ទៅទទឹងដូចរូបភាពដែលមាន លក្ខណសម្បត្តិរចនាប័ទ្មទទឹង :
5. សម្រាប់ចំណងជើងតូចជាងអត្ថបទដែលនៅជុំវិញបន្ថែម លក្ខណៈសម្បត្តិទំហំពុម្ពអក្សរ ទៅរចនាប័ទ្ម div: width = "width =" width = "width =" width = = "អត្ថបទជំនួស" width = "width" height = "height" />
6. ចំណងជើងមើលទៅល្អបំផុតបើពួកវាស្ថិតនៅក្រោមរូបភាពដូច្នេះសូមបន្ថែម លក្ខណសម្បត្តិអត្ថបទ ទៅរចនាប័ទ្មរចនាប័ទ្ម:
7. ជាចុងក្រោយបន្ថែមគម្លាតបន្ថែមតិចតួចរវាងរូបភាពនិងចំណងជើងដោយបន្ថែមគុណលក្ខណៈរចនាប័ទ្មទៅរូបភាពដែលមាន លក្ខណៈរចនាប័ទ្មផ្នែកខាងក្រោម padding : ទំហំទទឹង: ទំហំរូបភាពទំហំពុម្ពអក្សរ 80% តម្រឹម: កណ្តាល "" style = "ចន្លោះបាត: 0.5em;" />

1. បន្ទាប់មកបន្ថែមចំណងជើងអត្ថបទដោយផ្ទាល់នៅពីក្រោមរូបភាព: width = "width: width" width = "width" width = "width" width = "width" width = = "ទទឹង" កម្ពស់ = "កម្ពស់" រចនាប័ទ្ម = "ផ្នែកខាងក្រោម: 0.5em;" /> នេះគឺជាចំណងជើងរបស់ខ្ញុំ

ដាក់បញ្ចូលវិបសាយទៅម៉ាស៊ីនមេរបស់អ្នកហើយសាកល្បងវានៅក្នុងកម្មវិធីអ៊ីនធឺណិត។

ព័ត៌មានជំនួយចំណងជើង

• ទទឹង : វិមាត្រ CSS អាចស្ថិតនៅក្នុងការវាស់ស្ទង់ផ្សេងៗជាច្រើនដូច្នេះអ្នកត្រូវតែរួមបញ្ចូលប្រភេទរង្វាស់។ ឧទាហរណ៍: ទទឹង: 100 ភីក ; ទោះជាយ៉ាងណាក៏ដោយវិមាត្ររូបភាព HTML មានជាភីកសែលជានិច្ចដូច្នេះអ្នកទុកការវាស់វែងចេញ។ ទទឹង = "100"
• ប្រសិនបើអ្នកធ្វើឱ្យទទឹងធំជាងទទឹងនោះចំណងជើងអាចបង្ហាញនៅក្បែររូបភាព។ ប្រសិនបើនេះជាអ្វីដែលអ្នកចង់បានបន្ទាប់មកបន្ថែមស្លាក
  ដោយផ្ទាល់មុននឹងចំណងជើងនិងបន្ទាប់ពីស្លាករូបភាព។