()* េមេរ]នទី 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 ( )។
11. Align Data in Table: េ/ក'ុង table គឺEចេធរតំរ ឹមអតOបទេ/ក'ុង data cells នីមួយៗនេ\យក'ុងេSះត វនែចកេចញពីរ បេភទគឺ តំរ ឹមែផ'កេផ}ក (Horizontal) និងែផ'កប_រ (Vertical) ។ េហយេដមីតំរ ឹមអតOបទេSះ > Attribute ែដលេបគឺ align="?" សំ3ប់តំរ ឹមែផ'កេផ}ក ែដល ? បេភទតំរ ឹម 6នដូច left, center, right ។ > Attribute ែដលេបគឺ valign="?" សំ3ប់តំរ ឹមែផ'កប_រ ែដល ? បេភទតំរ ឹម 6នដូច top, middle, bottom ។ > ទី<ំងែដលត វ\ក់ tag 6នដូចក'ុង
,
,
។ Ex:
HTML
www.enteritc.com
33
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
34
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
12. លំ$ត់:
HTML
www.enteritc.com
35
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
េមេរនទ 7:
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យ
បេភទរបស់ ordered lists /នដូច > Numbered list (1,2,3) > Letters list (A,B,C) > Lowercase letters list (a,b,c) > Roman numbers list (I,II,III) > Lowercase roman numbers list (i,ii,iii) ។ េដម:ីេធរVស់បូ Iរបេភទរបស់,េ*ះ > Attribute ែដលតវេបគឺ type="?" > ែដល ? គឺេ@Aះរបស់បេភទZមួយ (1, A, i ) ។ Ex:
56
www.enteritc.com
HTML
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
7. Nested list: Nested List គឺរបេង;ត List មួយែដលក)ុង items នីមួយៗរបស់,គឺបេភទ list េផjងៗេទ"ត។ Ex:
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:
3: ajax1.html. 4: 5: Gets stock quote from quote1.php via Ajax, displaying result with alert(). 6: 7: Computer Science 50. 8: David J. Malan. 9: 10: -->. 11: 12:
Create your interpretation of the HTMLopoly gameboard using only HTML. That means craft a. table of cells to hold individual pictures and text that will ...
HTML tags are used to mark-up HTML elements. â HTML tags are surrounded by the two characters < and >. â The surrounding characters are called angle ...
HTML tags are used to mark-up HTML elements. â HTML tags are surrounded by the two characters < and >. â The surrounding characters are called angle ...
SGML (Standard generalized markup language) is a standard which tells how ... Hypertext Application Technology Working Group (WHATWG). ... HTML Que.pdf.
There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. html pdf embed.
Dec 18, 1997 - translations of this document, see http://www.w3.org/MarkUp/html4-updates/translations. 2. 24 Dec 1999 18:26. HTML 4.01 Specification ...
Whoops! There was a problem loading this page. Whoops! There was a problem loading this page. html template premium.pdf. html template premium.pdf. Open.
New tags and Javascript: content editable, semantic tags. (article, section, etc.), history API, drag and drop from page to desktop, file access, local SQL database, web sockets, Canvas. OpenGL, ARIA attributes, ... New CSS: transformations, advanced
Whoops! There was a problem loading more pages. Retrying... Whoops! There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. Curso-HTML-+-CSS.pdf. Curso-HTML-+-CSS.p
... si devono usare questi tag per. modificare i caratteri ma per dare maggiore o minore importanza a un titolo. Page 3 of 21. HTML e CSS.pdf. HTML e CSS.pdf.
Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. taco html edit.pdf. taco html edit.pdf. Open. Extract. Open with.