តើស្លាកទំហំ HTML មាន?

នៅពេលអ្នកចាប់ផ្តើមបង្កើតគេហទំព័រជាមួយ HTML អ្នកនឹងចាប់ផ្តើមធ្វើការជាមួយទំហំ។ ដើម្បីធ្វើឱ្យគេហទំព័ររបស់អ្នកមើលទៅតាមរបៀបដែលអ្នកចង់មើលវាទំនងជាការផ្គូផ្គងដែលអ្នកនិងអ្នករចនាម៉ូដផ្សេងទៀតបានបង្កើតអ្នកនឹងចង់ផ្លាស់ប្តូរទំហំនៃអត្ថបទនៅលើគេហទំព័រនោះក៏ដូចជាធាតុផ្សេងទៀតនៅលើទំព័រ។ ដើម្បីធ្វើដូចនេះអ្នកអាចចាប់ផ្តើមរកមើលស្លាក "ទំហំ" HTML ប៉ុន្តែអ្នកនឹងរកឃើញវាបាត់ភ្លាមៗ។

ស្លាកទំហំ HTML មិនមាននៅក្នុង HTML ទេ។ ផ្ទុយទៅវិញដើម្បីកំណត់ទំហំពុម្ពអក្សររូបភាពឬប្លង់របស់អ្នកអ្នកគួរប្រើសន្លឹករចនាប័ទ្មល្បាក់។ តាមការពិតរាល់ការផ្លាស់ប្តូរដែលអ្នកត្រូវការដើម្បីបង្កើតអត្ថបទរបស់វែបសាយត៍ឬធាតុផ្សេងទៀតគួរតែត្រូវបានគ្រប់គ្រងដោយ CSS! HTML គឺសម្រាប់រចនាសម្ព័ន្ធតែប៉ុណ្ណោះ។

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

ទំហំពុម្ពអក្សរ

ពុម្ពអក្សរគឺជារបស់ងាយស្រួលបំផុតសម្រាប់ទំហំជាមួយ CSS ។ Moreso ជាជាងការធ្វើតេស្តអត្ថបទនោះជាមួយ CSS អ្នកអាចមានលក្ខណៈជាក់លាក់អំពី ពុម្ពអក្សរលើគេហទំព័រ របស់អ្នក។ អ្នកអាចកំណត់ទំហំពុម្ពអក្សរស្រោមសំបែងទំងន់ការនាំមុខនិងច្រើនទៀត។ ជាមួយស្លាកពុម្ពអក្សរអ្នកអាចកំណត់តែទំហំប៉ុណ្ណោះហើយបន្ទាប់មកមានតែលេខដែលទាក់ទងនឹងទំហំពុម្ពអក្សរលំនាំដើមរបស់កម្មវិធីរុករកដែលខុសគ្នាសម្រាប់អតិថិជនទាំងអស់។

ដើម្បីកំណត់កថាខណ្ឌរបស់អ្នកអោយមានទំហំពុម្ពអក្សរ 12pt ប្រើលក្ខណសម្បត្តិរចនាប័ទ្មទំហំពុម្ពអក្សរ:

h3 {font-size = 24px; }

រចនាប័ទ្មនេះនឹងកំណត់ទំហំពុម្ពអក្សរនៃធាតុ headiing3 24 ភីកសែល។ អ្នកអាចបន្ថែមវាទៅសន្លឹករចនាប័ទ្មខាងក្រៅហើយ H3s របស់តំបន់បណ្ដាញរបស់អ្នកទាំងអស់នឹងប្រើរចនាប័ទ្មនេះ។

ប្រសិនបើអ្នកចង់បន្ថែមរចនាប័ទ្មពុម្ពអក្សរបន្ថែមទៅអត្ថបទរបស់អ្នកអ្នកអាចបន្ថែមពួកវាទៅលើក្បួន CSS នេះ:

h3 {ទំហំពុម្ពអក្សរ: 24px; ពណ៌: # 000; ពុម្ពអក្សរទម្ងន់: ធម្មតា; }

នេះមិនត្រឹមតែកំណត់ទំហំពុម្ពអក្សរសម្រាប់ H3 ប៉ុណ្ណោះទេវាថែមទាំងកំណត់ពណ៌ទៅជាពណ៌ខ្មៅ (ដែលជាលេខកូដ hex នៃលេខ # 000 មានន័យថា) ហើយវានឹងកំណត់ទម្ងន់ទៅជា "ធម្មតា" ។ តាមលំនាំដើមកម្មវិធីរុករកបង្ហាញចំណងជើង 1-6 ជាអត្ថបទដិតដូច្នេះរចនាប័ទ្មនេះនឹងបដិសេធលំនាំដើមនោះហើយជាអត្ថបទ "មិនធម្មតា" ។

ទំហំរូបភាព

រូបភាពអាចមានភាពលំបាកដើម្បីកំណត់ទំហំពីព្រោះអ្នកអាចប្រើកម្មវិធីអ៊ីនធឺណិតដើម្បីប្តូរទំហំរូបភាព។ ជាការពិតការប្តូរទំហំរូបភាពជាមួយកម្មវិធីរុករកគឺជាគំនិតអាក្រក់ព្រោះវាបណ្តាលឱ្យផ្ទុកទំព័រយឺតជាងមុនហើយកម្មវិធីរុករកជាញឹកញាប់ធ្វើការងារមិនសូវមានទំហំធំធ្វើឱ្យរូបភាពមើលទៅមិនល្អ។ ផ្ទុយទៅវិញអ្នកគួរប្រើ កម្មវិធីក្រាហ្វិកដើម្បីផ្លាស់ប្តូរទំហំរូបភាព និងសរសេរទំហំពិតប្រាកដរបស់ពួកគេនៅក្នុងគេហទំព័រ HTML របស់អ្នក។

មិនដូចពុម្ពអក្សររូបភាពអាចប្រើទាំង HTML ឬ CSS ដើម្បីកំណត់ទំហំ។ អ្នកកំណត់ទទឹងរបស់រូបភាពនិងកម្ពស់។ ពេលអ្នកប្រើ HTML អ្នកអាចកំណត់ទំហំរូបភាពជាភីកសែលតែប៉ុណ្ណោះ។ ប្រសិនបើអ្នកប្រើ CSS អ្នកអាចប្រើការវាស់ផ្សេងទៀតរួមមានអុិនឈ៍សង់ទីម៉ែត្រនិងភាគរយ។ តម្លៃចុងក្រោយនេះជាភាគរយដែលមានប្រយោជន៍នៅពេលរូបភាពរបស់អ្នកត្រូវការវត្ថុរាវដូចនៅក្នុងវែបសាយឆ្លើយតប។

ដើម្បីកំណត់ទំហំរូបភាពរបស់អ្នកដោយប្រើ HTML ប្រើគុណលក្ខណៈកម្ពស់និងទទឹងនៃស្លាក img ។ ឧទាហរណ៍រូបភាពនេះនឹងមានទំហំ 400x400 ភីកសែលការ៉េ:

កម្ពស់ = "400" ទទឹង = "400" alt = "រូបភាព" />

ដើម្បីកំណត់ទំហំរូបភាពរបស់អ្នកប្រើ CSS ប្រើលក្ខណសម្បត្តិរចនាប័ទ្មកម្ពស់និងទទឹង។ នេះជារូបភាពដូចគ្នាដោយប្រើ CSS ដើម្បីកំណត់ទំហំ:

style = "height: 400px; ទទឹង: 400px;" alt = "រូបភាព" />

ប្លង់ទំហំ

ទំហំទូទៅបំផុតដែលអ្នកកំណត់ក្នុងប្លង់គឺទទឹងហើយរឿងដំបូងដែលអ្នកត្រូវសម្រេចចិត្តគឺថាតើត្រូវប្រើ ប្លង់ទទឹងថេរ ឬគេហទំព័រឆ្លើយតប។ នៅក្នុងពាក្យផ្សេងទៀតតើអ្នកនឹងកំណត់ទទឹងជាចំនួនពិតប្រាកដនៃភីកសគនអុិនឈ៍ឬចំនុច? ឬតើអ្នកនឹងកំណត់ទទឹងប្លង់របស់អ្នកអោយមានភាពបត់បែនដោយប្រើអេមឬភាគរយ? ដើម្បីកំនត់ទំហំនៃប្លង់របស់អ្នកអ្នកប្រើលក្ខណសម្បត្តិ CSS ទទឹងនិងកំពស់ដូចដែលអ្នកធ្វើនៅក្នុងរូបភាព។

ទទឹងថេរ:

style = "width: 600px;">

ទទឹងរាវ:

style = "width: 80%;">

នៅពេលអ្នកសម្រេចចិត្តលើទទឹងសម្រាប់ប្លង់របស់អ្នកអ្នកគួរតែចងចាំនូវទទឹងរបស់កម្មវិធីរុករកផ្សេងគ្នាដែលអ្នកអានរបស់អ្នកកំពុងប្រើប្រាស់និងឧបករណ៍ផ្សេងៗដែលពួកគេនឹងប្រើផងដែរ។ នេះជាមូលហេតុដែល គេហទំព័រឆ្លើយតប ដែលអាចផ្លាស់ប្តូរប្លង់និងទំហំរបស់វាដោយផ្អែកលើឧបករណ៍ផ្សេងៗនិងទំហំអេក្រង់គឺជាបទដ្ឋានអនុវត្តល្អបំផុតនៅថ្ងៃនេះ។