Professional-Web-Developer-2022.pdf
20.7 MB
Professional Web Developer စာအုပ်ကိုဒီမှာဒေါင်းပါ။😎😎😎😎😎
HTML Basic
<!DOCTYPE html>ကြေငြာချက်သည် ဤစာရွက်စာတမ်းသည် HTML5 စာရွက်စာတမ်းဖြစ်ကြောင်း သတ်မှတ်သည် ။
<html>သည် HTML စာမျက်နှာတစ်ခု၏ အရင်းအမြစ်ဖြစ်သည် ။
<head>တွင် HTML စာမျက်နှာနှင့်ပတ်သက်သော matter အချက်အလက်ပါရှိသည် ။
<title>HTML စာမျက်နှာအတွက် ခေါင်းစဉ်တစ်ခုကို သတ်မှတ်သည် (ဘရောက်ဆာ၏ ခေါင်းစဉ်ဘားတွင် သို့မဟုတ် စာမျက်နှာ၏ တက်ဘ်တွင် ပြထားသည်)
<body>ကိုယ်ထည်ကို သတ်မှတ်ပေးပြီး ခေါင်းစီးများ၊ စာပိုဒ်များ၊ ရုပ်ပုံများ၊ ဟိုက်ပါလင့်ခ်များ၊ ဇယားများ၊ စာရင်းများ စသည်တို့ကဲ့သို့ မြင်နိုင်သောအကြောင်းအရာအားလုံးအတွက် ကွန်တိန်နာတစ်ခုဖြစ်သည်။
<h1>သည် ကြီးမားသော ခေါင်းစဉ်တစ်ခုကို သတ်မှတ်သည် ။<h1><h6>အထိအသုံးပြုနိုင်သည်။
<p>သည် စာပိုဒ်တစ်ခုကို သတ်မှတ်သည် ။
https://t.me/pdwebdevelopermm/12
<!DOCTYPE html>ကြေငြာချက်သည် ဤစာရွက်စာတမ်းသည် HTML5 စာရွက်စာတမ်းဖြစ်ကြောင်း သတ်မှတ်သည် ။
<html>သည် HTML စာမျက်နှာတစ်ခု၏ အရင်းအမြစ်ဖြစ်သည် ။
<head>တွင် HTML စာမျက်နှာနှင့်ပတ်သက်သော matter အချက်အလက်ပါရှိသည် ။
<title>HTML စာမျက်နှာအတွက် ခေါင်းစဉ်တစ်ခုကို သတ်မှတ်သည် (ဘရောက်ဆာ၏ ခေါင်းစဉ်ဘားတွင် သို့မဟုတ် စာမျက်နှာ၏ တက်ဘ်တွင် ပြထားသည်)
<body>ကိုယ်ထည်ကို သတ်မှတ်ပေးပြီး ခေါင်းစီးများ၊ စာပိုဒ်များ၊ ရုပ်ပုံများ၊ ဟိုက်ပါလင့်ခ်များ၊ ဇယားများ၊ စာရင်းများ စသည်တို့ကဲ့သို့ မြင်နိုင်သောအကြောင်းအရာအားလုံးအတွက် ကွန်တိန်နာတစ်ခုဖြစ်သည်။
<h1>သည် ကြီးမားသော ခေါင်းစဉ်တစ်ခုကို သတ်မှတ်သည် ။<h1><h6>အထိအသုံးပြုနိုင်သည်။
<p>သည် စာပိုဒ်တစ်ခုကို သတ်မှတ်သည် ။
https://t.me/pdwebdevelopermm/12
Telegram
PD Web Developer School MM ( Myanmar Developer School )
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<p></p>
p tag ကို Paragraph ပုံစံစာတွေရေးချင်တဲ့နေရာမျာသုံးပါတယ်။
(ဥပမာ - <p>Hello! My name is J-My. I am 25 year old.</p>)
ဒါဆိုရင် p tag ထဲမှာရေးထားတာတွေကို Paragraph အနေနဲ့ဖော်ပြသွားမှာ။သိပ်မသိသာပေမဲ့အရမ်းအသုံးဝင်ပါတယ်။
p tag ကို Paragraph ပုံစံစာတွေရေးချင်တဲ့နေရာမျာသုံးပါတယ်။
(ဥပမာ - <p>Hello! My name is J-My. I am 25 year old.</p>)
ဒါဆိုရင် p tag ထဲမှာရေးထားတာတွေကို Paragraph အနေနဲ့ဖော်ပြသွားမှာ။သိပ်မသိသာပေမဲ့အရမ်းအသုံးဝင်ပါတယ်။
<span></span>
span tag ကိုစာလုံးကိုခွဲပြီး effect ထည့်ချင်တဲ့အခါမှာသုံးပါတယ်။
(ဥပမာ - <p>I say <span>Hello World!</span></p>)
ဒါဆိုရင် Hello World! ကို CSS နဲ့ကိုယ်ကြိုက်တဲ့ effect ထည့်လို့ရပါပြီ။
span tag ကိုစာလုံးကိုခွဲပြီး effect ထည့်ချင်တဲ့အခါမှာသုံးပါတယ်။
(ဥပမာ - <p>I say <span>Hello World!</span></p>)
ဒါဆိုရင် Hello World! ကို CSS နဲ့ကိုယ်ကြိုက်တဲ့ effect ထည့်လို့ရပါပြီ။
<center></center>
ဒီ tag ကို browser ရဲ့အလယ်မှာပေါ်စေချင်တဲ့အခါမှာသုံးပါတယ်။
(ဥပမာ - <center>Hello World!</center>)
ဒါဆိုရင် Hello World! က browser ရဲ့အလယ်မှာတည့်တည့်မှာသွားပေါ်မှာပါ။
ဒီ tag ကို browser ရဲ့အလယ်မှာပေါ်စေချင်တဲ့အခါမှာသုံးပါတယ်။
(ဥပမာ - <center>Hello World!</center>)
ဒါဆိုရင် Hello World! က browser ရဲ့အလယ်မှာတည့်တည့်မှာသွားပေါ်မှာပါ။
<pre></pre>
pre ကထူးခြားတဲ့ tag ဖြစ်ပါတယ်။ တခြား Programming ဘာသာစကားတေွကိုရေးတဲ့အခါအလုပ်လုပ်သွားပါတယ်။ အလုပ်မလုပ်ချင်ဘူး။စာသားအတိုင်းဘဲပေါ်စေချင်တယ်ဆိုရင်တော့ pre ကိုသုံးပါတယ်။
(ဥပမာ - <pre><p>Hello World!</p></pre>)
ဒီလိုဆို Hello World! ကို Paragraph အတိုင်းဖော်ပြပါလိမ့်မယ်။ ဒါပင်မဲ့ pre tag နဲ့ရေးထားတာမို့လို့ရေးထားတဲ့အတိုင်း <p>Hello World!</p> အဖြစ်ဖော်ပြပါလိမ့်မယ်။
pre ကထူးခြားတဲ့ tag ဖြစ်ပါတယ်။ တခြား Programming ဘာသာစကားတေွကိုရေးတဲ့အခါအလုပ်လုပ်သွားပါတယ်။ အလုပ်မလုပ်ချင်ဘူး။စာသားအတိုင်းဘဲပေါ်စေချင်တယ်ဆိုရင်တော့ pre ကိုသုံးပါတယ်။
(ဥပမာ - <pre><p>Hello World!</p></pre>)
ဒီလိုဆို Hello World! ကို Paragraph အတိုင်းဖော်ပြပါလိမ့်မယ်။ ဒါပင်မဲ့ pre tag နဲ့ရေးထားတာမို့လို့ရေးထားတဲ့အတိုင်း <p>Hello World!</p> အဖြစ်ဖော်ပြပါလိမ့်မယ်။
<div></div>
div ကို Web page တွေရေးသားတဲ့နေရာမှာသုံးပါတယ်။ content တစ်ခုနဲ့တစ်ခု division ပိုင်းခြားပြီးပြချင်တဲ့အခါမျိုးကိုယ့်ရဲ့ UL ကို layout ချတဲ့အခါတွေမှာသုံးပါတယ်။
(ဥပမာ - <div></div>)
အတော်သုံးများပြီး Web developer တွေအကြိုက်တွေ့ရတဲ့အထိသုံးလို့ကောင်းပါတယ်။ဒါပင်မဲ့အသုံးများတာနဲ့အညီမသုံးသင့်တာတွေပါသုံးမိနေကြပါတယ်။စာပိုဒ်ဖွဲ့တဲ့နေရာကအစ div ကိုသုံးနေကြပါတယ်။အမှန်တော့စာပိုဒ်ဖွဲ့ရင် p tag ကိုသုံးရမျာပါ။
ဒါ့ကြောင့် div ကိုသူ့နေရာနဲ့သူသုံးသင့်ကြောင်းပြောပြလိုက်ရပါတယ်။
div ကို Web page တွေရေးသားတဲ့နေရာမှာသုံးပါတယ်။ content တစ်ခုနဲ့တစ်ခု division ပိုင်းခြားပြီးပြချင်တဲ့အခါမျိုးကိုယ့်ရဲ့ UL ကို layout ချတဲ့အခါတွေမှာသုံးပါတယ်။
(ဥပမာ - <div></div>)
အတော်သုံးများပြီး Web developer တွေအကြိုက်တွေ့ရတဲ့အထိသုံးလို့ကောင်းပါတယ်။ဒါပင်မဲ့အသုံးများတာနဲ့အညီမသုံးသင့်တာတွေပါသုံးမိနေကြပါတယ်။စာပိုဒ်ဖွဲ့တဲ့နေရာကအစ div ကိုသုံးနေကြပါတယ်။အမှန်တော့စာပိုဒ်ဖွဲ့ရင် p tag ကိုသုံးရမျာပါ။
ဒါ့ကြောင့် div ကိုသူ့နေရာနဲ့သူသုံးသင့်ကြောင်းပြောပြလိုက်ရပါတယ်။