SlideShare a Scribd company logo
1 of 16
HTML
 HTML គឺមកពីពាកយពពញថា HyperTextMarkupLanguage.វាជាភាសាមូលដ្ឋា នគគរឹះននការបព្កើត WebSite ។
 តំរូវការសំរាប់ការសិកា HTML
 Text Editor: Notepad, Wordpad, TextEditor, Notepad++, Frontpage, Dreamweaver, និ្ software សំរាប់បព្កើត
ពគហទំព័រជាពគរើនពទៀត។
 Browser: InternetExplorer, Firefox, Netscape, Opera, Saferi, Google Chrome,និ្ browser ដនទពទៀត។
(Homepage)
 ពគហទំព័រ (Homepage) គឺទំព័រពដើមនន website។
 Webpageគឺជាទំព័រ (Page) នីមួយៗនន Website។
 Websiteគឺជាការគបមូលផ្តំនន webpageជាពគរើនដដលមានទំនាក់ទំន្គ្នា ពៅវិញពៅមក។
Domainname
Domain name
Main Domain NameSub Domain Name
ររនាសមព័ន (Structure)
<html>
<head>
<title>Your Title</title>
</head>
<body>
Your text here….
</body>
</html>
Open Tag Close Tag
ភាគពគរើន រាល់ Tags នីមួយៗ ដត្ដតមាន Open Tag និ្ Close Tage
បុដន្ក៏មាន Tagមួយរំនួនមិនមាន Close Tag ដដរ ។
Tags ការពគបើគាស់
<p> ពគបើសំរាប់ដ្ឋក់ជាកថាខណ្ឌ
<h1> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី១)
<h2> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី២)
<h3> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី ៣)
<h4> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី៤)
<h5> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី៥)
<h6> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី៦)
<br > ពគបើសំរាប់រុឹះបនាា ត់
<hr > ពគបើសំរាប់ដ្ឋក់បនាា ត់
ការគូសបនាា ត់(hr)
<hr align=“Left, Right, Center” Size=“x”
Width=“Y” Color=“Color Name or Color Code”>
- Size KWCakMras;rbs;bnÞat;Edl xKitCaPixel
- Width KWCaRbEvgrbs;bnÞat;Edl xKitCa Pixel rW PaKry
- Color eRbIsMrab;dak;BN‘[bnÞat; ?(blue or #0000ff)
<html>
<head><title>ubb</title>
</head>
<body>
<h1>VISION of UBB</h1>
University of Battambang is an international standard
university in Cambodia.
<hr Size="7" align="left" width="500" color="Blue"> <br>
<hr Size="10" align="center" width="500" color="red">
</body>
</html>
Example (Pre)
Tags សំរាប់ររនាអកសរ
Tag
<b>,<strong> ពគបើសំរាប់ដ្ឋក់អកសរដិត
<i> ពគបើសំរាប់ដ្ឋក់អកសរពគទត
<small> ពគបើសំរាប់ដ្ឋក់អកសរតូរ
<pre> ពគបើសំរាប់ដ្ឋក់អវីដដលពយើ្ានវាបញ្ជូល (pre-writing)
<u> ពគបើសំរាប់ដ្ឋក់បនាា ត់ពីពគកាមអកសរ
<del>, <strike> ពគបើសំរាប់គូសរំពាក់កណ្ត្ លអកសរ
 <html>
 <head> <Title> Align Center </Title> </head>
 <Body>
 <Center>
 <p> My web site is <B> bold </B> and <Strong>strong
 </Strong>. I love <I>Ascii art</I>. Here is one of my favorite
 Picture: </p>
 <Pre>
 ( ) ( ) * *
 ( ._.) ||
 _(*) _ _ _ _ _ _ _ _ _ // 
 / 
 . / /( _ _ _ _ / / ( 
 ( _ ) ( _ ) ( _ ) ( _ )
 </Pre>
 </Center></body></html>
Example (Pre)
Attribute គឺជាអាកកំនត់លកខណ្ៈពោយ Tag
Lesson 1

More Related Content

Viewers also liked

Java 2 chapter 10 - basic oop in java
Java 2   chapter 10 - basic oop in javaJava 2   chapter 10 - basic oop in java
Java 2 chapter 10 - basic oop in java
let's go to study
 

Viewers also liked (8)

Myhomework
MyhomeworkMyhomework
Myhomework
 
Before beginning
Before beginningBefore beginning
Before beginning
 
Chapter 7 (ado.net)
Chapter 7 (ado.net)Chapter 7 (ado.net)
Chapter 7 (ado.net)
 
Java 2 chapter 10 - basic oop in java
Java 2   chapter 10 - basic oop in javaJava 2   chapter 10 - basic oop in java
Java 2 chapter 10 - basic oop in java
 
007 sql server-installation
007 sql server-installation007 sql server-installation
007 sql server-installation
 
Mawaris
MawarisMawaris
Mawaris
 
database design process
database design processdatabase design process
database design process
 
Yellowing of cotton fabric due to softners -by Labeesh Kumar
Yellowing of cotton fabric due to softners -by Labeesh KumarYellowing of cotton fabric due to softners -by Labeesh Kumar
Yellowing of cotton fabric due to softners -by Labeesh Kumar
 

More from let's go to study (13)

Rs instructor ppt_chapter11_final
Rs instructor ppt_chapter11_finalRs instructor ppt_chapter11_final
Rs instructor ppt_chapter11_final
 
Ch10
Ch10Ch10
Ch10
 
Chapter 8 (security)
Chapter 8 (security)Chapter 8 (security)
Chapter 8 (security)
 
Chapter 6 (data binding)
Chapter 6 (data binding)Chapter 6 (data binding)
Chapter 6 (data binding)
 
Chapter 4 (navigater)
Chapter 4 (navigater)Chapter 4 (navigater)
Chapter 4 (navigater)
 
Chapter 3 (validation control)
Chapter 3 (validation control)Chapter 3 (validation control)
Chapter 3 (validation control)
 
Chapter 2 (web servercontrol)
Chapter 2 (web servercontrol)Chapter 2 (web servercontrol)
Chapter 2 (web servercontrol)
 
Chapter 1 (asp.net over view)
Chapter 1 (asp.net over view)Chapter 1 (asp.net over view)
Chapter 1 (asp.net over view)
 
Sadchap04
Sadchap04Sadchap04
Sadchap04
 
Sadchap02
Sadchap02Sadchap02
Sadchap02
 
Sadchap01
Sadchap01Sadchap01
Sadchap01
 
009 sql server management studio
009 sql server management studio009 sql server management studio
009 sql server management studio
 
Chapter 2-html-tage
Chapter 2-html-tageChapter 2-html-tage
Chapter 2-html-tage
 

Lesson 1

  • 1.
  • 2. HTML  HTML គឺមកពីពាកយពពញថា HyperTextMarkupLanguage.វាជាភាសាមូលដ្ឋា នគគរឹះននការបព្កើត WebSite ។  តំរូវការសំរាប់ការសិកា HTML  Text Editor: Notepad, Wordpad, TextEditor, Notepad++, Frontpage, Dreamweaver, និ្ software សំរាប់បព្កើត ពគហទំព័រជាពគរើនពទៀត។  Browser: InternetExplorer, Firefox, Netscape, Opera, Saferi, Google Chrome,និ្ browser ដនទពទៀត។
  • 3. (Homepage)  ពគហទំព័រ (Homepage) គឺទំព័រពដើមនន website។  Webpageគឺជាទំព័រ (Page) នីមួយៗនន Website។  Websiteគឺជាការគបមូលផ្តំនន webpageជាពគរើនដដលមានទំនាក់ទំន្គ្នា ពៅវិញពៅមក។
  • 6. Open Tag Close Tag ភាគពគរើន រាល់ Tags នីមួយៗ ដត្ដតមាន Open Tag និ្ Close Tage បុដន្ក៏មាន Tagមួយរំនួនមិនមាន Close Tag ដដរ ។
  • 7. Tags ការពគបើគាស់ <p> ពគបើសំរាប់ដ្ឋក់ជាកថាខណ្ឌ <h1> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី១) <h2> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី២) <h3> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី ៣) <h4> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី៤) <h5> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី៥) <h6> ពគបើសំរាប់ដ្ឋក់រំន្ព ើ្ (ទំហំទី៦) <br > ពគបើសំរាប់រុឹះបនាា ត់ <hr > ពគបើសំរាប់ដ្ឋក់បនាា ត់
  • 8. ការគូសបនាា ត់(hr) <hr align=“Left, Right, Center” Size=“x” Width=“Y” Color=“Color Name or Color Code”> - Size KWCakMras;rbs;bnÞat;Edl xKitCaPixel - Width KWCaRbEvgrbs;bnÞat;Edl xKitCa Pixel rW PaKry - Color eRbIsMrab;dak;BN‘[bnÞat; ?(blue or #0000ff)
  • 9. <html> <head><title>ubb</title> </head> <body> <h1>VISION of UBB</h1> University of Battambang is an international standard university in Cambodia. <hr Size="7" align="left" width="500" color="Blue"> <br> <hr Size="10" align="center" width="500" color="red"> </body> </html> Example (Pre)
  • 10.
  • 11.
  • 12. Tags សំរាប់ររនាអកសរ Tag <b>,<strong> ពគបើសំរាប់ដ្ឋក់អកសរដិត <i> ពគបើសំរាប់ដ្ឋក់អកសរពគទត <small> ពគបើសំរាប់ដ្ឋក់អកសរតូរ <pre> ពគបើសំរាប់ដ្ឋក់អវីដដលពយើ្ានវាបញ្ជូល (pre-writing) <u> ពគបើសំរាប់ដ្ឋក់បនាា ត់ពីពគកាមអកសរ <del>, <strike> ពគបើសំរាប់គូសរំពាក់កណ្ត្ លអកសរ
  • 13.  <html>  <head> <Title> Align Center </Title> </head>  <Body>  <Center>  <p> My web site is <B> bold </B> and <Strong>strong  </Strong>. I love <I>Ascii art</I>. Here is one of my favorite  Picture: </p>  <Pre>  ( ) ( ) * *  ( ._.) ||  _(*) _ _ _ _ _ _ _ _ _ //  /  . / /( _ _ _ _ / / (  ( _ ) ( _ ) ( _ ) ( _ )  </Pre>  </Center></body></html> Example (Pre)
  • 14.