តើធ្វើដូចម្តេចដើម្បីធ្វើឱ្យតារាង HTML មួយ។ តារាងណ៍

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

ការចាប់ផ្តើមនៃការងារនៅលើតុ

រឿងមួយដែលពិបាកបំផុតក្នុងទំព័រការសម្គាល់របស់ HTML - តារាង។ បញ្ហានេះមិនមែនជាភាពស្មុគស្មាញនៃស្លាកដែលនៅក្នុងការពិត, មិនមានការលំបាកផងដែរក្នុងការចងចាំនេះហើយថានៅពេលដែលសរសេរកូដដែលអ្នកបានយ៉ាងងាយស្រួលអាចធ្វើឱ្យមានកំហុសមួយ - ដើម្បីភ្លេចទៅចុះឈ្មោះបន្ទាត់បន្ថែមឬដៃ, បញ្ចូលអត្ថបទមិនទៅកន្លែងដែលវាគឺជាការចាំបាច់និងឥតប្រយោជន៍ផ្សេងទៀត ។ និងច្រើនទៀតដែលតារាងនេះកាន់តែច្រើនឱកាសនៃការធ្វើឱ្យមានកំហុសមួយនេះ។

ដូច្នេះការចាប់ផ្តើមដើម្បីបង្កើតតារាងនៅក្នុង HTML មួយយើងសូមផ្តល់អនុសាសន៍ការផ្តោតអតិបរមានិងមិនត្រូវខ្វាយខ្វល់។

ជាដំបូងយើងគួរតែគូរតារាងនាពេលអនាគតនៅលើក្រដាសមួយដែលសម្គាល់ថានៅក្នុងកោសិកាអ្នកនឹងត្រូវបានព្រមទាំងកត់សម្គាល់សម្រាប់ខ្លួនគេប៉ារ៉ាម៉ែត្រមូលដ្ឋាននៃធាតុជាក់លាក់មួយ។

ខាងក្រោមនេះគឺដើម្បីគណនាចំនួននៃជួរដេកក្នុងតារាងនិងចំនួននៃកោសិកាក្នុងជួរនីមួយ។ ដូចគ្នានេះផងដែរយើងសូមផ្ដល់អនុសាសន៍ឱ្យកត់សម្គាល់ធាតុដូចជាវត្តមាននៃរូបភាពក្នុងតារាង ផ្ទៃខាងក្រោយ, ព្រំដែន, អត្ថបទ។ តែបន្ទាប់មកអ្នកអាចចាប់ផ្តើមដើម្បីបង្កើតតារាង HTML មួយដោយការប្រើពរក្សាទុក។

កម្មវិធីនិពន្ធ

ដូច្នេះអ្នកបានបង្កើតតារាងប្លង់មួយ។ ឥឡូវនេះយើងមានការជ្រើសរើសយកកម្មវិធីនិពន្ធសមរម្យដើម្បីបង្កើតវា។ អ្នកអាចជ្រើសតំបន់បណ្ដាញជាក់លាក់និងការរចនាដើម្បីធ្វើឱ្យតារាងនៅក្នុងពួកគេ។ ដោយប្រើកម្មវិធីនេះ, បង្កើតតារាងមួយដែលជាធម្មតាដូចជានៅក្នុងឯកសារពាក្យ។ អ្នកអាចជ្រើសកម្មវិធីដូច FrontPage មួយ។ បើទោះបីជាការពិតដែលថាកម្មវិធីនេះគឺពិតជាចាស់នោះវាអាចជួយក្នុងការបង្កើតវេបសាយល្អក្រៅពីនៅលើវាអាចត្រូវបានរកឃើញច្រើនជាងការបង្រៀនមួយ។

ប្រសិនបើអ្នកចង់បង្កើតតារាង HTML មួយដោយប្រើលេខកូដពិសេសដែលអាចត្រូវបានប្រើសម្រាប់គោលបំណងនេះនិងជាកុំព្យូទ័រយួរដៃធម្មតាឬឯកសារព្រះបន្ទូលជាទៀងទាត់មួយ។ ទោះជាយ៉ាងណា, នៅទីនេះអ្នកត្រូវតែធ្វើការលំបាកក្នុងការសរសេរកូដនឹងមានរយៈពេលយូរ។

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

ស្លាក

គិតពីរបៀបដែលកម្មវិធីនិពន្ធដែលអ្នកនឹងប្រើមុនពេលអ្នកចាប់ផ្តើមដើម្បីបង្កើតតារាងនៅក្នុង HTML មួយដែលអ្នកគួរតែចងចាំស្លាកមូលដ្ឋាន។ ពួកគេទាំងបីនាក់ - <តារាង> និង ។ ចំណាំថាស្លាកទាំងអស់ត្រូវបានផ្គូផ្គង។ តារាងជាលើកដំបូងតំណាងស្លាកទាំងមូលមួយកំណត់បន្ទាត់ទីពីរទីបី - កោសិកាដែលនៅក្នុងជួរដេកនេះ។

បន្តិចបន្ថែមទៀតអំពីគ្នានៃស្លាកនេះ។ តារាងតែងតែចាប់ផ្តើមជាមួយនឹងស្លាក <តារាង> និងបញ្ចប់ដោយ ។ កម្មវិធីរុករកណាមួយគឺជានិមិត្តរូបនៃអ្វីដែលជាតារាងនៅពីមុខគាត់។ បន្ទាប់បន្ទាត់ដែលបើក ស្លាកនិងបញ្ចប់ដោយ ចេញវេជ្ជបញ្ជា។ នៅក្នុងជួរដេកគ្នាដោយប្រើស្លាក និង ចំនួនចេញវេជ្ជបញ្ជានៃកោសិកា។

ដូច្នេះ, លេខកូដតារាង 2x2 នឹងមើលទៅដូចនេះ:

<តារាង>

បញ្ចូលតារាងក្នុងទំព័រ HTML កូដមួយអាចត្រូវបានចម្លងមកពីកម្មវិធីនិពន្ធដែលបានជ្រើស។

ជួរដេកនៃប៉ារ៉ាម៉ែត្រតុនិងកោសិកា

ដូច្នេះយើងបានពិភាក្សាពីកូដមូលដ្ឋាន។ ឥឡូវនេះចូរយើងនិយាយពីរបៀបដើម្បីកែលម្អតារាង, ធ្វើឱ្យវាត្រចេះត្រចង់និងគួរឱ្យទាក់ទាញបន្ថែមទៀត។ ដើម្បីធ្វើដូចនេះអ្នកត្រូវដឹងប៉ារ៉ាម៉ែត្រមូលដ្ឋាននៃស្លាក។ ពួកគេត្រូវបានសរសេរនៅស្លាកចាប់ផ្តើម, ម្ល៉ោះបន្ទាប់ពីប៉ារ៉ាម៉ែត្រគ្នាត្រូវបានប្រើស្មើនឹង, ហើយបន្ទាប់មកតម្លៃរបស់វាបាននាំយកទៅចុះនៅក្នុងសញ្ញាសម្រង់។ ឧទាហរណ៍ផ្ទៃខាងក្រោយក្នុងតារាង HTML មួយត្រូវបានកំណត់ជា: ។

យើងបានរាយប៉ារ៉ាម៉ែត្រជាមូលដ្ឋានមួយចំនួនដែលនឹងមានប្រយោជន៍បំផុតចំពោះអ្នក។ ចូរចាប់ផ្តើមជាមួយនឹងតារាងខ្លួនវាផ្ទាល់។

ដូច្នេះដើម្បីកំណត់ទទឹងស៊ុមជំនួយព្រំដែនប៉ារ៉ាម៉ែត្រដែលអាចយកតម្លៃលេខណាមួយ។ ព្រំដែនកំណត់ bordercolor Color ។ ផ្ទៃខាងក្រោយទូទៅកំណត់ bgColor ។

ប្រសិនបើអ្នកចង់ធ្វើឱ្យផ្ទៃខាងក្រោយតារាងរូបភាព, ប្រើផ្ទៃខាងក្រោយត្រូវបានប្រើនៅក្នុងករណីនេះអ្នកគួរតែកំណត់លំនាំ URL ។

តម្រឹមមាតិការបស់ទំព័រដែលនៅជុំវិញនឹងប៉ារ៉ាម៉ែត្រតម្រឹមតារាងដែលអាចត្រូវបានកំណត់ទៅឆ្វេងកណ្តាលនិងខាងស្ដាំ។

កំណត់ស្លាកពានរង្វាន់នេះនឹងជួយឱ្យអ្នកទាំងពីរបាន <ចំណងជើង> ដែលបានចុះឈ្មោះភ្លាមបន្ទាប់ពីស្លាកការបើក <តារាង> ។

ខ្សែអក្សរបន្តិចនៃប៉ារ៉ាម៉ែត្រ។ ប៍ននៃកោសិកាដែលនៅក្នុងជួរដេកដែលបានកំណត់ដោយការប្រើ bgColor ។ តម្រឹមអត្ថបទផ្ដេកដែលអាចធ្វើបានដោយការប្រើតម្រឹមប៉ារ៉ាម៉ែត្រ (ឆ្វេងកណ្តាលឬស្តាំ), បញ្ឈរ - valign (សន្មត់ថាតម្លៃកំពូលពាក់កណ្តាលឬបាត) ។

ទាក់ទងទៅនឹងកោសិកានេះអាចនឹងត្រូវបានកត់សម្គាល់ថាលំនាំផ្ទៃខាងក្រោយនិងផ្ទៃខាងក្រោយត្រូវបានផ្ដល់សម្រាប់វាជាមួយនឹងប៉ារ៉ាម៉ែត្រដូចគ្នាសម្រាប់តារាងទាំងមូល។ តម្រឹមអត្ថបទដែលអ្នកអាចប្រើតម្រឹមនិង valign ប៉ារ៉ាម៉ែត្រ។

មានផងដែរមានការកំណត់ជាក់លាក់ - colspan និង rowspan ។ ជាមួយនឹងការលើកដំបូងដែលអាចកំណត់ចំនួនជួរឈរដែលនឹងពង្រីកកោសិកា។ លើកទីពីរនេះបានបញ្ជាក់ចំនួនជួរដេកដែលកោសិកាដែលបានផ្តល់ឱ្យអាចពង្រីកបាន។

នោះហើយជាជម្រើសទាំងអស់ដែលមានប្រយោជន៍បន្ថែមទៀត។

តារាងណ៍

ចូរនិយាយថាពាក្យមួយចំនួនអំពីអ្វីដែលមានប្រយោជន៍ដូចជាតុណ៍នេះ។ ដោយមានជំនួយពីផ្ទៃខាងក្រោយទំព័រនេះត្រូវបានកំណត់សម្បុរអត្ថបទ, តំណភ្ជាប់និងធាតុផ្សេងទៀត។ តារាង color មានប្រហែល 216 ណ៍។ នៃពួកគេមានគ្នាកូដគោលដប់ប្រាំមួយរបស់ខ្លួន។

កូដដោយខ្លួនវាបានចាប់ផ្តើមជាមួយនឹងសញ្ញាផោនជាមួយនិងមានបីគូនៃខ្ទង់ឬអក្សរ។ ឧទាហរណ៍ណ៍បៃតងនៅក្នុងតារាងដែលមានលេខកូដ # 007F0 ។ គូគ្នាតំណាងឱ្យអាំងតង់ស៊ីតេនៃការមួយនៃការណ៍បឋមបីនេះ - ក្រហមបៃតងនិងខៀវ។ ប្រើតារាងនេះអ្នកអាចជ្រើសរើសយកពណ៍ដែលអ្នកចង់បាននិងការកំណត់វាដោយប្រើកូដ។

ប្រសិនបើអ្នកមិនអាចប្រើតារាងអ្នកអាចកំណត់ណ៍ដោយប្រើឈ្មោះរបស់ខ្លួននៅក្នុងភាសាអង់គ្លេស។

មាតិកា

ពាក្យមួយចំនួនអំពីមាតិកា។ ជាការពិតណាស់ជាញឹកញាប់បំផុតដែលយើងអាចមើលឃើញអត្ថបទនៅក្នុងតារាង HTML មួយនោះទេប៉ុន្តែវាមិនមែនមានន័យថាវាត្រូវបានតែយើងអាចដាក់នៅទីនោះ។ និងបន្ទាត់កោសិកាអាចមានរូបភាព, សំលេងនិងឯកសារវីដេអូ, តំណភ្ជាប់។

ក្នុងគោលបំណងដើម្បីដាក់អត្ថបទឬពផ្សេងទៀតនៅក្នុងបន្ទប់ (បន្ទាត់) គួរតែកំណត់វារវាងស្លាកពីរ។ ឧទាហរណ៍: ឈ្មោះ ។ វានឹងបង្ហាញ "ឈ្មោះ" នៅក្នុងកោសិកា។

ក្រាហ្វិចនិងការដាក់ពមេឌៀដោយប្រើស្លាកឯកសារពិសេស - , <អូឌីយ៉ូ> និង <វីដេអូ> ។

គន្លឹះ

ទីបំផុតយើងបានផ្តល់នូវគន្លឹះមួយចំនួនដែលមានប្រយោជន៍ដើម្បីជួយអ្នកក្នុងការបង្កើតតារាង HTML មួយដែលមានលក្ខណៈស្មុគស្មាញណាមួយបានយ៉ាងលឿន។

នៅពេលសរសេរតារាងផ្ដល់អនុសាសន៍ថាអ្នកចុះឈ្មោះដោយខ្លួនឯងជាលើកដំបូងក្នុងតារាងស្លាកសំខាន់របស់ខ្លួនហើយប៉ារ៉ាម៉ែត្រ។ បន្ទាប់មកជួរដេកដែលបានចុះបញ្ជីស្លាកនេះ។ គូគ្នាចាប់ផ្ដើមបន្ទាត់ថ្មី។ ដូច្នេះអ្នកនឹងមើលឃើញពីរបៀបជាច្រើននៅក្នុងជួរដេកតារាងរបស់អ្នក។ ដូចគ្នានេះផងដែរបញ្ជីប៉ារ៉ាម៉ែត្រនៃជួរដេកឬជួរដេកដែលបាន, ប្រសិនបើពួកគេខុសគ្នាពីមូលដ្ឋាន។ បន្ទាប់មកយើងសូមផ្ដល់អនុសាសន៍ដើម្បីចាប់ផ្តើមចុះឈ្មោះកោសិកាគ្នាដូចជាបន្ទាត់ថ្មី។ វាគឺជាការចង់បានដើម្បីធ្វើឱ្យមួយឬពីរការចូលបន្ទាត់ពីគែមផ្ទាំង។ ដូច្នេះអ្នកនឹងមើលឃើញយ៉ាងច្បាស់ណាស់ពីរចនាសម្ព័ន្ធរបស់កូដនេះ។

មាតិការបស់ក្រឡានិងជួរដេកដែលបានណែនាំដើម្បីចុះឈ្មោះនៅចុង, នៅពេលដែលស៊ុមនៃតារាងនេះគឺត្រៀមខ្លួនជាស្រេច។