()* េមេរ]នទី 1: រែណYំពី HTML ................................................................................................................................................................. 1 េមេរ]នទី 2: Basic Tags របស់ HTML ...................................................................................................................................................... 7 េមេរ]នទី 3: Elements របស់ HTML ........................................................................................................................................................ 13 េមេរ]នទី 4: HTML Attributes ................................................................................................................................................................... 17 េមេរ]នទី 5: HTML Headings .................................................................................................................................................................... 19 េមេរ]នទី 6: HTML Tables ........................................................................................................................................................................ 25 េមេរ]នទី 7: HTML Paragraphs................................................................................................................................................................ 37 េមេរ]នទី 8: Text Formatting ................................................................................................................................................................. 47 េមេរ]នទី 9: HTML Lists ........................................................................................................................................................................... 53 េមេរ]នទី 10: HTML Links ........................................................................................................................................................................... 61 េមេរ]នទី 11: HTML Images ...................................................................................................................................................................... 71 េមេរ]នទី 12: HTML Marquee .................................................................................................................................................................. 79 េមេរ]នទី 13: HTML Forms ...................................................................................................................................................................... 87
លំត់ បលង Final Test ..................................................................................................................................................................... 99
មជ,មណ.លព័ត( ៌ ន1ទ2អនធ័រ
Enter Information Technology Center
េមេរ នទ$ 1: *រែណំព$ HTML 1. នយមន័យ: HTML គឺ7(មួយែដលសំMប់េធ របេងSត web pages។ ^កេពញរបស់ HTML គឺ HyperText Markup Language ។ HTML មិនែមន Programming Language េYះេទ Iគឺ Markup Language ។ Markup Language គឺសំនុំៃន Markup tags ឬ tags (ឧ;ហរណ៍: , ,
)។ HTML េ ប ស់ Markup tags េដមJីេធ របេងSត Web pages ។ 2. HTML Tags: HTML markup tags ទូេ@ក៏¥ចេ¦I§ HTML tags នផងែដរ។ HTML tags គឺ Keyword ែដលហ៊«ព ុ ័ទdេ'យ angle brackets ដូច ។ ធមa¬ THML tags នីមួយៗែតងែតFនមួយគូរដូច និង ។ េ3ក&ុងគូររបស់Iចំេ^ះ tag ទីមួយេ¦§ start tag និង tag ទីពីរេ¦§ end tag។ Start និង end tags ក៏¥ច§ opening tags និង closing tags នផងែដរ។ 3. HTML Documents & Web Pages: THML Documents គឺ ឯក(រែដល តDវនេ ប ស់េដមJីេធ របេងSត web pages ែដលក&ុងេYះ HTML Documents គឺFនផ9ុក HTML tags និង Plain text ។ ចំែនកឯ web pages គឺ°9ំងលទdផលែដលនមកពី រ សរេសរេ3ក&ុង HTSML Documents េហយ display មក¬មរយៈ web browser (Internet Explorer, Mozilla Firefox,…) ។ េHលបំនងរបស់ web browser គឺ read HTML documents េហយ display Iេ@ web pages េ'យ web browser មិន display HTML tags េYះេទ គឺ Hន់ែតេ ប tags េដមJីេធ របកែ បពី HTML documents េ@ web pages។ > HTML Document:
HTML
www.enteritc.com
1
មជ,មណ.លព័ត( ៌ ន1ទ2អនធ័រ
Enter Information Technology Center
> Web Page:
4. *របក4យព$ Tags ក ុង HTML Documents: អក1រឬអតGបទ;ំង´យNែដលសGត ិ េ3ក&ុងចេYZះ និង គឺសM ំ ប់ប/*ញេ3ក&ុង web page ែដល 7(របស់ web page េYះគឺសរេសរេចញពី HTML ។ អក1រឬអតGបទ;ំង´យNែដលសGត ិ េ3ក&ុងចេYZះ និង គឺនឹង តDវនប/*ញេ3ក&ុង web page ។ អក1រឬអតGបទ;ំង´យNែដលសGត ិ េ3ក&ុងចេYZះ
5. បY9ប់មកសូមែកអតGបទេ@¬មតំរវូ រ រួចចុច Ctrl+S េដមJី Save >
5
6. បY9ប់មក តលប់ ន់°9ំង web page ែដលនេបកដំបូងេគេ3ក&ុង web browser វ ិញេហយចុច F5 េដមJីេធ រ refresh
6
6
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
េមេរនទ 2:
Basic Tags របស់ HTML 1. HTML Sections:: HTML គឺមួយែដលសំប់េធរបេងត web pages ែដលក ុង web pages នីមួយៗ"នទិន ន័យដូច អក)រ អត*បទ, រូបព, Link Text,… េដម។ េដម.ីបេងត web pages ែដល"នទិន ន័យែបបេនះ 01ម1រឲ េយង3ត4វយល់ពី tags, attribute, និង value របស់ tags នីមួយៗ និងពិេសរ3ត4វដឹងពី sections (ទី8ំង) ែដល3ត4វ សរេសរឲ:ន3តឹម3ត4វមុនសិន។ េ;ក ុង HTML Documents 3ត4វ:នែបងែចកែផ កៗដូច Document Header និង Document Body ។ Document Header តំបន់ស ំ ប់កំនត់ពីព័ត៌"នសំ>ន់ៗែដល1ក់ទងនឹង web page េ?យ0មិន3ត4វ :នប@Aញេ;ក ុង web page េEះេទ។ ព័ត៌"ន1ំងអស់េEះ"នដូ: > Title Information: សំប់ប@Aញពី title របស់ web page េហយ tag របស់0គឺ ? ែដល ? គឺអក)រ title របស់ web page ។ > Style Sheet: សំប់Pប់ HTML Documents មួយនឹង file 3បេភទ CSS ។ > Script: សំប់Pប់ HTML Documents មួយនឹង file 3បេភទ script ។ > Metadata: សំប់ផុ កពី U ព័ត៌"នរបស់ author, 3បេភទៃន editor ែដលេ3បេដម.ីបេងត web page, keywords, ឬ copyright information ។ Document Body : តំបន់ស ំ ប់េរXបចំ web page សរេសរអត*បទឬ?ក់រប ូ ពេដម។ េ;ក ុង Body Yច"ន tags េ3ចន និងអក)រេ3ចនែដល3ត4វ:នេ3ប3:ស់េដម.ីេធរេរXបចំេ;ក ុង web page េហយល់អីែដល :នេធេ;ក ុង Body នឹង3ត4វ:នប@Aញេ;ក ុង web page។ Ex:
HTML
www.enteritc.com
7
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
2. HTML Headings: HTML Headings គឺ3បេភទ tag មួយែដលេ3ប3:ស់ស ំ ប់េធរកំនត់អក)រធម[8េ\អក)រធំ (Title) ។ េដម.ី0បេងតេEះ > Tag ែដល3ត4វេ3បគឺ
?
ដល់
?
។ > ែដល ? អក)រសំប់េធ heading េហយ h1> "នទំហធ ំ ំបំផុត រ ីឯ "ន ទំហត ំ ូចបំផុត។ > ទី8ំងែដល3ត4វ?ក់ tag "នដូចក ុងតំបន់ ។ > Tag េនះ"ន start tag
និង end tag
។ Ex:
8
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
3. HTML Paragraphs: HTML Paragraphs គឺ3បេភទ tag មួយែដលេ3ប3:ស់ស ំ ប់េធរបេងតអត*បទេ;ក ុង web pages ។ េដម.ី0បេងតេEះ > Tag ែដល3ត4វេ3បគឺ
?
> ែដល ? អក)រសំប់េធ paragraph > ទី8ំងែដល3ត4វ?ក់ tag "នដូចក ុងតំបន់ ។ > Tag េនះ"ន start tag
និង end tag
។ Ex:
4. HTML Images: HTML Images គឺ3បេភទ tag មួយែដលេ3ប3:ស់ស ំ ប់េធរ?ក់រូបពេ\ក ុង web page ។ េដម.ី0បេងតេEះ > Tag ែដល3ត4វេ3បគឺ > ែដល ? េz[ះរបស់រូបព > ទី8ំងែដល3ត4វ?ក់ tag "នដូចក ុងតំបន់ ។ > Tag 3បេភទេនះ start tag ប៉ុែន|0}[ន end tag េEះេទ។
HTML
www.enteritc.com
9
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
Ex:
5. HTML Links: HTML Links គឺ3បេភទ tag មួយែដលេ3ប3:ស់ស ំ ប់េធរសរេសរអត*បទេហយយកអត*បទេEះេធ Link សំប់េ\េបក web page ឬ web site ដៃទេទXត ។ េដម.ី0បេងតេEះ > Tag ែដល3ត4វេ3បគឺ ?2 > ែដល? 1 address របស់ website (URL) និង ?2 គឺ link text សំប់េធ link េ;ក ុង web page > ទី8ំងែដល3ត4វ?ក់ tag "នដូចក ុងតំបន់ ។ > Tag 3បេភទេនះ"ន start tag tag Label Text និង end ។
10
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
Ex:
HTML
www.enteritc.com
11
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
12
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
េមេរនទ 3:
Elements របស់ HTML
1. នយមន័យ: HTML documents តវនបេង តេឡងេយបណុ ំ ៃន HTML elements េចនបូ ល ។ ដូេច ះ HTML elements តវនបេង តេឡងេយ start tag និង end tag េនះ"នន័យ$ HTML elements គឺ tag ( 1 tag = 1 element) ។ Start tag*
* Start tag ក៏-ចេ0$ opening tag ចំែនក end tag ក៏-ចេ0$ closing tag នផងែដរ។ 2. THML Elements Syntax: > HTML elements តវ5ប់េផមមួយនឹង start tag/ opening tag > HTML elements តវបប់មួយនឹង end tag/ closing tag > Element content គឺអក;រែដលេ?ចេ@Aះ start tag និង end tag > HTML elements ខAះគឺបេភទ empty content ( ) > HTML elements Gគេចនគឺ"ន attributes ( )។
HTML Paragraphs 1. HTML Paragraphs: HTML Paragraphs គឺបេភទ tag មួយែដលេបស់ស ំ ប់េធរបេងតអត បទេ ក"ុង web pages ។ សូមចង'ំ( web browsers នឹងបែន ម ប+,ត់ទេទមួយប+,ត់េ -ងេលនិង-ងេម paragraphs នីមួយៗ។ េដម1ីបេងត2េ+ះ > Tag ែដលត4វេបគឺ
2. រេបបតំរម Paragraphs: េ ក"ុង Paragraphs គឺត4វនតំរ ឹម-ងេឆងេ9យសយ ័ បវតAិ េហយេយងក៏DចបAូរឲ2តំរ ឹមកG A ល IAំ ឬតំរ ឹម Kំងសង-ង នផងែដរ។ េដម1ីបូ Aរ2េ+ះ > attribute ែដលត4វេបគឺ align ="?" > ែដល ? អក7រទី8ំងសំប់តំរ ឹមែដល:នដូច left, center, right, justify > ទី8ំងែដលត4វ9ក់ tag :នដូចក"ុង tag
។
36
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
Ex:
3. HTML Line Breaks: HTML Line Breaks គឺបេភទ tag មួយែដលេបស់ស ំ ប់េធរបេងតចុះប+,ត់េUន់ line ថWី ។ េដម1ីបេងត2េ+ះ > Tag ែដលត4វេបគឺ > ទី8ំងែដលត4វ9ក់ tag :នដូចក"ុងតំបន់
> tag បេភទេនះ start tag ប៉ុែនAYWន end tag េ+ះេទ ។ Ex:
HTML
www.enteritc.com
37
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
4. HTML Output: េយងមិនDចZ+ននូវ output របស់ HTML ែដលនឹងត4វ display េ ក"ុង web pages នេ+ះេទ។ Web browsers ែដលេបក web pages េ ក"ុងកុំព]ូទ័រែដល:នទំហំ screen ធំ គឺផAលល ់ ទ^ផលខុសY"ពី Web browsers ែដលេបក web pages ដែដលេ ក"ុងកុំព]ូទ័រែដល:នទំហំ screen តូច។ មួយ HTML គឺេយងមិនDចេធរ`mស់បូ Aរទំរង់ output េ9យរបែន ម spaces េចន ឬបែន ម lines េចន េ ក"ុង HTML code េ+ះេទ។ Web browsers នឹងេធរលុប spaces ែដលនបែន មេចន ឬ lines ែដលនបែន មេចនេ9យសយ ័ បវតAិ េ េពលែដល web pages ត4វន display ។ ចំនូនៃន lines េចន ែដលត4វនបែន មនឹងត4វគិតែត 1 space និងចំនូនៃន spaces េចនែដលត4វនបែន មក៏ត4វនគិតែត 1 space ដូចY"ផងែដរ។ Ex:
38
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
5. Insert Blank spaces: េKះបី web browsers លុបេ'លនូវ spaces មួយចំនួនែដល:នក"ុង web pagesក៏េ9យ ក៏េយងេ ែតDច9ក់ spaces មួយចំនួនេUក"ុង web pages នផងែដរ ។ េដម1ីបេងត2េ+ះ > អក7រែដលត4វេបគឺ &nbps; > ទី8ំងែដលត4វ9ក់គឺេ ក"ុងតំបន់ តង់កែនmងែដលត4វរ > 9ក់2ន់ែតេចន េ+ះ2នឹងបែន ម space ន់ែតេចន ។ Ex:
6. Change Font Family: េដម1ីបូ Aរេ|Wះ font េ+ះសូមអនុវតA8មជំ~នដូច-ងេម: > Tag ែដលត4វេបគឺ > Attribute ែដលត4វេបគឺ face="?" ឬក៏ face="?1, ?2" > ែដល ? គឺេ|Wះរបស់ font ែដលត4វរ។
HTML
www.enteritc.com
39
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
Ex:
7. Change Font Size: េដម1ីបូ Aរទំហរំ បស់ font េ+ះសូមអនុវតA8មជំ~នដូច-ងេម: > Tag ែដលត4វេបគឺ > Attribute ែដលត4វេបគឺ size="?" > ែដល ? គឺទំហរំ បស់ font :នដូច 1 ទំហត ំ ូចងេគ រហូតដល់ 7 ទំហធ ំ ំងេគ។ Font Size 1
7 points
2
10 points
3
12 points
4
14 points
5
18 points
6
24 points
7
36 points
Ex: 40
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
8. Change Font Color: េដម1ីបូ Aរពណ៌របស់ font េ+ះសូមអនុវតA8មជំ~នដូច-ងេម: > Tag ែដលត4វេបគឺ > Attribute ែដលត4វេបគឺ color="?" > ែដល ? គឺេ|Wះពណ៌ (red) ឬេលខកូដបេភទ hexadecimal (#FF0000) ។ Text Color Color
Hexadecimal
Color
Hexadecimal
Aqua
#00FFFF
Navy
#000080
Black
#000000
Olive
#808000
Blue
#0000FF
Purple
#800080
Fuchsia
#FF00FF
Red
#FF0000
Gray
#808080
Silver
#C0C0C0
Green
#008000
Teal
#008080
Lime
#00FF00
White
#FFFFFF
Maroon
#800000
Yellow
#FFFF00
Ex: HTML
www.enteritc.com
41
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
9. Change All Font Color: េដម1ីបូ Aរពណ៌របស់ font Kំងអស់េ ក"ុង web pages េ+ះសូមអនុវតA8មជំ~នដូច-ងេម: > Attribute ែដលត4វេបគឺ text="?" > ែដល ? គឺេ|Wះពណ៌របស់ font > ទី8ំងែដលត4វ9ក់គឺេ ក"ុង tag ។ Ex:
Text Formatting 1. HTML Formatting Tags: HTML េបស់ tags មួយចំនួនដូច និង សំប់េធរែកែបទំរង់អក រឬអត!បទ។ tag មួយ េបស ំ ប់ែកែបេ#អក រដិត េហយ tag មួយេបស ំ ប់ែកែបេ#អក រេទត។ Ex:
2. HTML Text Formatting: %មឧ'ហរណ៍*ងេមេនះនឹងប-.ញពី tags េចនែដលបេភទ HTML Text Formatting។ Ex:
46
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
3. Preformatted text: Preformatted text គឺបេភទ tag មួយែដលត6វនេបស់ស ំ ប់េធររក8នូវ spaces េចន និង lines េចនែដល9ក់បែន!មេ#ក;ុង HTML code ?នន័យAបសិនេបេយងេបស់ េនះេCក;ុង HTML code ល់ spaces និង lines េចនែដលន9ក់េDះ មិនត6វនលុបេGលេទ គឺIប-.ញព័ត៌?ន %មទំរង់អត!បទែដលនសរេសរក;ុង HTML documents។ Ex:
HTML
www.enteritc.com
47
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 4. Address:
Iគឺបេភទ tag មួយែដលត6វនេបស់នឹងអត!បទែដលKសយ9Nន ែដល tag របស់Iគឺ ។ Ex:
5. Abbreviations and acronyms: Iគឺបេភទ tag មួយែដលត6វនេបស់ប-.ញOកQេពញរបស់អត!បទេCក;ុង web pages ែដល tag របស់I?នពីរគឺ និង ។ Ex:
48
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
6. Quotations: Iគឺបេភទ tag មួយែដលត6វនេបស់ស ំ ប់េរRបចំអត!បទេCក;ុង web pages ែដល tag របស់I?នពីរ គឺ block quotation
និង short quotation ។ Ex:
HTML
www.enteritc.com
49
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 7. Deleted and inserted text:
Deleted text គឺ tag មួយ ែដលេបស ំ ប់គូសឆូតអត!បទ រ ីឯ inserted text គឺ tag មួយ ែដលេបស ំ ប់គូសបDWត់េC*ងេមអត!បទ។ ប៉ុែនY web browser Gស់ៗមួយចំនួន display deleted text និង inserted text ទំរង់អក រធម[%។ Ex:
50
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
HTML
Enter Information Technology Center
www.enteritc.com
51
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
េមេរនទ 9:
HTML Lists 1. HTML Lists: HTML Lists គឺបេភទ tags ែដលតវនេបស់ស ំ ប់េធរ list អត បទខ ីៗ េលខេរ"ងឬចំនុចៗ។ ក)ុង េ*ះ,តវនែចកេចញពីរបេភទែដល/នដូច unordered lists ែដលេបស ំ ប់ list អត បទខ ីៗ ចំនុចៗ និង ordered lists សំប់ list អត បទខ ីៗ េលខេរ"ង។ េ2ក)ុង list item គឺ3ចេធរ4ក់នូវ អត បទ, line breaks , images, links, និង list ដៃទេទ"ត។
2. Unordered Lists: Unordered lists គឺបេភទ tag ែដលេបស ំ ប់ list អត បទខ ីៗ ចំនុចៗមិនេ89មលំ4ប់។ េដម:ីបេង;ត,េ*ះ > Tag ែដលតវេបេដម:ីបេង;ត Unordered List គឺ
> Tag ែដលតវេបេដម:ីបេង;ត list items គឺ
?
ែដល ? គឺេ@Aះរបស់ items > តវ4ក់
?
េ2ក)ុង
។ Ex:
52
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
3. Ordered Lists: Ordered lists គឺបេភទ tag ែដលេបស ំ ប់ list អត បទខ ីៗ េលខេរ"ងែដល េរ"ប9មលំ4ប់េកន។ េដម:ីបេង;ត,េ*ះ > Tag ែដលតវេបេដម:ីបេង;ត Ordered List គឺ > Tag ែដលតវេបេដម:ីបេង;ត list items គឺ
?
ែដល ? គឺេ@Aះរបស់ items > តវ4ក់
?
េ2ក)ុង ។ Ex:
HTML
www.enteritc.com
53
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
4. Definition Lists: Definition Lists គឺ,មិនែមនរ list នូវ items មួយៗេចនេ*ះេទ ប៉ុែនIគឺរ list នូវ term មួយៗ មួយ នឹង description របស់,។ទំរង់ tags របស់ definition lists /នដូច: > Definition list តវKប់េផIមមួយនឹង
tag (definition list) > term នីមួយៗតវKប់េផIមមួយនឹង
tag (definition term) > description នីមួយៗតវKប់េផIមេ4យ
HTML Links 1. HTML Links: HTML Links គឺបេភទ tag មួយែដលេបស់ស ំ ប់េធរសរេសរអត បទេហយយកអត បទេ ះេធ Link សំប់េ"េបក web page ឬ web site ដៃទេទ%ត ។ េដម'ី)បេង+តេ ះ > Tag ែដលត,វេបគឺ ?2 > ែដល ?1 address របស់ website (URL) និង ?2 គឺ link text សំប់េធ link េ6ក7ុង web page > ទី9ំងែដលត,វ:ក់ tag ;នដូចក7ុងតំបន់ ឬ
2. Open Link in a new browser window: ដំេនររបស់ Link គឺេបកេឡងនូវDFំង web page ថIីេ6ពីេលDFំង web page Kស់របស់ web browser ដែដល។ ប៉ុែនOេយងក៏Qចេធឲេពលែដលេយងចុចេល link Vមួយក7ុង web page េហយឲ)េបកេឡងេ6ក7ុង page ថIីៃន web browser នផងែដរ។ េដម'ីេធដូេច7ះន > attribute ែដលត,វេបគឺ target="_blank" > ទី9ំងែដលត,វ:ក់ attribute េនះគឺេ6ក7ុង tag ។
> syntax របស់ link េដម'ី link េ"ន់ទី9ំងៃនអត បទ Any content Ex:
62
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
5. Image Link: ក7ុង link tag គឺQចយក image មកេធ label link ជំនួសឲរេបស់អកqរមកេធ text link នផងែដរ េ:យZន់ែតបOូរពី Link Text េ" Image tag ែតប៉ុេV]ះ។ Ex:
HTML
www.enteritc.com
63
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 6. រេបបូរពណ៌របស់ Link: បេភទរបស់ Link ត,វនែបងែចកបីបេភទដូច > link : គឺ link ថIីៗែដលមិនXន់ន click ពីេល > alink: គឺ link មួយចុងេយែដលន click ពីេល > vlink: គឺ link ែដលន click ពីមុនៗ។ េដម'ីបេង+ត)េ ះ > attribute ែដលត,វេបគឺ link="?", alink="?", vlink="?" ែដល ? គឺេYIះរបស់ពណ៌(blue,red,green) > ទី9ំងែដលត,វ:ក់ attribute េនះគឺេ6ក7ុង
tag ។ Ex:
7. Mailto Link: Mailto Link គឺត,វនេបស់ស ំ ប់េធរ link េ"ន់ កមIវ ិធី mail (Outlook Express, Microsoft Outlook,…) ែដល;នេ6ក7ុងកុំពូទ័រេដម'ីេធរ send mail េដម។ក7ុងេ ះេយងQចកំនត់ឲ DFំងកមIវ ិធីរបស់ mail ;ន ទិន7ន័យមួយចំនួនដូច cc, bcc, subject, និង body េ"9ម HTML code ែដលនសរេសរក7ុង HTML document ។
64
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
Ex:
8. រេបប ប់ web pages !មរយៈ Link: េ6ក7ុង web site មួយែតងែតត,វន ប់Z7េ:យ web pages េចនបូ លZ79មរយៈរេបស់ link ។ 9មឧXហរណ៍ងេមនឹងបញពីរ ប់ web pages បូ លZ7: 1. សូមបេង+ត web pages ចំនួនចំនួនបីែដល > web page ទី1េYIះ index.html (គប់ web page ែដល home page ត,វ:ក់េYIះ index និច)
HTML
www.enteritc.com
65
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
> web page ទី2េYIះ download.html
> web page ទី3េYIះ help.html
66
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
2. សូមេបក web page ទី1េYIះ index.html េហយសរេសរកូដបែន មមួយចំនួនដូចរូបងេម:
3. ប Fប់មកសូម copy code ែដលនសរេសរបែន មេ6ក7ុង web page ទី1 េ" paste ក7ុង web page ទី2 និង ទី3 តង់ទី9ំងដែដលដូចZ7មួយនឹង web page ទី1 ែដរ។
HTML
www.enteritc.com
67
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
9. លំ%ត់: > ចូរេរ%បចំ Link េ"ឲ Button សំប់ webpages Xំង 5 ដូច Home Subjects, Services, Download, និង About Us ។
68
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
HTML
Enter Information Technology Center
www.enteritc.com
69
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
េមេរនទ 11:
HTML Images
1. Insert images: HTML Images គឺបេភទ tag មួយែដលេបស់ស ំ ប់េធរក់រូប ពេ ក!ុង web page ។ បេភទរបស់ រូប ពនីមួយៗ ែដលត)វនេបស់ស ំ ប់ក់កុ ង ! web pages +ច-នដូច *.jpg, *png, *.gif ,… េហយទំហំ របស់រប ូ ពនីមួយៗ -នទំហធ ំ ំបំផុតតឹមែត 60 KB ប៉ុេ78ះ។ េហយចំេ:ះរបេង;ត banner ឲ web pages នីមួយៗគឺទំហធ ំ ំបំផុតតឹម 468 pixels x 60 pixels ែតប៉ុេ78ះ។េដម?ី@បេង;តេAះ > Tag ែដលត)វេបគឺ > ែដល ? គឺេNOះរបស់រូប ព > ទីPំងែដលត)វក់ tag -នដូចក!ុងតំបន់ ឬ
> Tag បេភទេនះ start tag ប៉ុែនU@VOន end tag េAះេទ។ ក!ុង tag េនះ-ន attributes ដូច: > border=" number " ែដល number េលខសំប់កំនត់កំស់សZជ ៊ុ ំុវ ិញរូប ព > width ="number" ែដល number េលខសំប់កំនត់បែវងេផUករបស់រប ូ ព > height="number" ែដល number េលខសំប់កំនត់បែវងកំពស់របស់រប ូ ព។ សូមចង^ំ_ រូប ពែដលក់េ`ក!ុង web page គឺត)វ copy មកក់េ`ក!ុ location មួយV!នឹង HTML documents ! web pages ។ ។ Pមឧqហរណ៍{ងេមេនះនឹងប|}ញពីរយករូប ពមួយមកក់កុ ង Ex:
2. Insert Image form different location: 70
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
ក!ុងករណីែដលមិនសត ិ េ`ក!ុង location មួយV!នឹង HTML documents េAះេទ េដម?ីយក@មកក់កុ ង ! web page គឺត)វសរេសរបែនមនូវ Path របស់ location ៃនរូប ពេAះ (Images\EnterLogo.png) េដម?ីឲ web browser +ចេធររកនិងយក មកប|}ញេ`ក!ុង web page។ Pមឧqហរណ៍{ងេមេនះនឹងប|}ញពីរយករូប ពមួយពីកុ ង ! folder មួយ េNOះ Images មកក់កុ ង ! web pages ។ Ex:
3. The Alt Attribute: Alt Attribute គឺបេភទ attribute មួយែដលេបស់ស ំ ប់េធរបែនម Label េ ឲរូប ព ។ បសិនេបរូប ព-នទំហធ ំ ំេពក េAះ@នឹងប|}ញេNOះរបស់រូប ពេAះPមរយៈរេបស់ Alt Attribute មុនសិន េទប@នឹងប|}ញរូប ពេ`េពលេយ។ េដម?ីក់@េAះ > Attribute ែដលត)វេបគឺ alt="?" > ែដល ? គឺ:កសំប់ ប|}ញេ`េពល ក់ Mouse Pointer េ`េលរប ូ ព > ទីPំងែដលត)វក់ Attribute គឺេ`ក!ុង tag ។ Ex:
[Keyword] [attribute name]