Developing A Simple Website by yourself

in #myanmar6 years ago (edited)

Developing A Simple Website by yourself (lesson 4)
14-00-22-website-importance-for-business.jpg

ဒီေန႔ေတာ့ font tag အေၾကာင္းနဲ႔ တစ္ျခား Tag ေတြအေၾကာင္းကိုတင္ေပးမွာျဖစ္ပါတယ္။

Comment Tag

Comment Tag ထဲမွာေရးထားတာေတြကို Browser က အလုပ္လုပ္ေပးမွာမဟုတ္ပါပူး။ ကြၽန္ေတာ္တို႔ Code ေတြကိုျပန္စစ္တဲ့အခါမွာပဲျဖစ္ျဖစ္ ျပန္ေရးတဲ့အခါပဲျဖစ္ျဖစ္ သတိျပဳမိေစဖို႔ အတြက္သံုးပါတယ္။

< html >
< head >
< title > Example < /title >
< /head >
< body >
< u > About Comment Tag < u >
< !-- Write Comment Here -->
< p > You can use comment tag to remember you to add more info here. < /p >
< /body >
< /html >

1.png

အေပၚက code ကို run ၾကည့္လိုက္ရင္
< !-- Write Comment Here -->
ဆိုတဲ့ tag ထဲကစာသားေတြကိုေတြ႔ရမွာမဟုတ္ပါပူး။
Browser မွာ right click ႏွိပ္ပီး View Page Source ဆိုတဲ့ option ကိုႏိုပ္လိုက္ပါ။

2.png

အဲ့က်ရင္ ကြၽန္ေတာ္တို႔ Notepad မွာေရးထားတဲ့ code ေတြကိုေတြ႔ရပါပီ။

3.png

Comment Tag ကို code ထဲမွာေတြ႔ရမွာျဖစ္ပါတယ္။ ကြၽန္ေတာ္တို႔ ဥပမာအေနနဲ႔ေျပာရရင္ Comment tag ထဲမွာ ပံုထည့္ရန္ လို႔ေရးထားရင္ code ေတြကိုျပန္စစ္တဲ့အခါ ပံုထည့္ဖို႔ကိုသတိရသြားမွာပါ။

Center Tag

Center Tag က ေရးထားတဲ့ စာေတြကို
အလယ္ေရာက္ေအာင္ ပို႔ေပးတာပါ။
ဥပမာကို ၾကည့္ပါ။

< html >
< head >
< title > Example < /title >
< /head >
< body >
< center > This is center text >
<p> This is normal text <p>
< /body >
< /html >

4.png

This is center tag ဆိုတဲ့ဟာေလးက အလယ္မွာေရာက္ေနတာေတြ႔ရမွာပါ။

Font Tag

Html မွာ ကိုယ္လိုခ်င္တဲ့ font ကိုေျပာင္းဖို႔ font tag ကိုသိမွရမွာပါ။
<font> နဲ႔ </font> ၾကားမွာေရးရမွာပါ။ သူ႔မွာလဲ Attribute ေတြ႐ွိပါတယ္ face ရယ္.color ရယ္ size ရယ္ျဖစ္ပါတယ္။

face ဆိုတဲ့ attribute က ''font name''
ေတြေရးရမွာပါ။Zawgyi-one တို႔ဘာတို႔ပါ။ Microsoft Word ကို ဖြင့္လိုက္ရင္ font name ေတြကိုေတြရမွာပါ။

5.png

color attribute ကေတာ့သိၿပီးသားပါ။
Hex or color name နဲ႔သံုးႏိုင္ပါတယ္

size attribute ကေတာ့ font အရြယ္စားကိုေျပာင္းေပးတာပါ။Default Size က 3 ပါ။size က 3 ကေန 7 ထိ႐ွိပါတယ္။plus ( +) နဲ႔ minus (-) ႐ွိပါေသးတယ္။ +1 ဆိုရင္ပံုမွန္ size 3 ကို 1 ေပါင္းတာေပါ့ (4 ျဖစ္သြားတာေပါ့)။
Minus နဲ႔တူတူပါပဲ။

ကဲ့ နမူနာ code ကိုၾကည့္ၾကရေအာင္။

< html >
< head >
< title > Example < /title >
< /head >
< body >
< font face="French Script MT size=6 color=golden >
Using French Script MT, size 6 and golden color.
< /font >
<font size=+2> This is normal text using size +2 </font>
<p>This is pure normal text.</p>
< /body >
< /html >

6.png

Text formatting tags ေတြ႐ွိပါေသးတယ္။<b> </b> ဆိုလဲ စာလံုးေတြကိုမဲေအာင္လုပ္ေပးတဲ့ Text formatting tags ဆိုတာသိပီးသားပါ။
အဲ့လို႔မ်ိဳးtags ေတြကိုေအာက္မွာဆက္ေလ့လာၾကည့္ကေအာင္။

7.png

em နဲ႔ i tag ကစာလံုးေတြကိုေစာင္းေစတာပါ။
strong နဲ႔ b tag ကစာလံုးေတြကိုမဲေစတာပါ။
dfn, var နဲ႔ cite ကလဲတစ္ေစာင္းပံုစံေလးေတြပါ။
code, kdb, samp, tt က typewriter နဲ႔ေရးသလိုေပၚတာပါ။
small ကေတာ့ စာလံုးအေသးပါ။
s နဲ႔ del က စာလံုးကိုတစ္ဝက္ဖ်က္ထားတာပါ။
ins ကေတာ့ စာလံုးေအာက္မွာ မ်ဥ္းသားေပးတာပါ u နဲ႔တူပါတယ္။
sub ကေတာ့အေျခကိန္းပါ။
sup ကေတာ့ထပ္ၫႊန္းပါ။
Output ကိုၾကည့္လိုက္ပါ။

8.png

Special Characters

9.png

&nbsp; =>
space ေနရာမွာသံုးပါတယ္။Html မွာ space တစ္ခါထက္ပိုရိုက္လို႔မရပါပူး။႐ိုက္ခ်င္ရင္ဒီcode ကိုသံုးရပါမယ္။

© =>
Copy signပါ။

® =>
Registeration Signပါ။

™ => Trade mark sign။

> => greater than signပါ။

< => Less than sign။

" =>Double qoute။

& => amphersand sign။

¢ => cent sign။

£ =>pound sign။

¥ =>Yen sign ။

¦ => Broken vertical line။

§ => Section Sign။

µ => Micro sign။

@ => commerical at sign။

! => exclamation sign။

10.png

ကဲဒီေန႔ေတာ့ဒီေလာက္ပါပဲ။
ေနာက္ေန႔က်ရင္ Link ခ်ိတ္နည္းနဲ႔ တစ္ျခား Tag မ်ားကိုတင္ေပးပါမယ္။ ဖတ္႐ႈျခင္းအား အထူးပင္ေက်းဇူးတင္ပါသည္။

Written by @minthwayko
MSC - 187

Sort:  

ဖုန္းနဲ႔လုပ္လို႔ရလားဗ်ာ

ဟုတ္ကဲ့ ဖုန္းနဲ႔ကရေတာ့ရပါတယ္။
အစမ္းသေဘာဆိုရင္ေပါ့။
ေနာက္ တစ္ပါတ္ ဖုန္းနဲ႔လုပ္နည္းတင္ေပးပါမယ္ အစ္ကို

Hey @minthwayko this is Html Language?

Yes.
You know it.That's is great.

​ေလ့လာခြင္​့ရလို႔ ​ေက်းဇူးပါဗ်ာ

ဖတ္ေပးလို႔ေက်းဇူးပါ

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly – Featured Posts are voted every 2.4hrs
Join the Curation Team Here

Good. အစ္​ကို​ေရ

ဖတ္ေပးလို႔ေက်းဇူးပါ

အခုလိုတင္ေပးတာေက်းဇူးတင္ပါတယ္

ဖတ္ေပးလို႔ေက်းဇူးပါ

အဆက္ေလးလုပ္ပါဦးဗ်ာ့

ဟုတ္ကဲ့ပါ
ႀကိဳးစားပါဦးမယ္

ညကတည္းက ေရးၿပီးသား႐ွိတာကို
ခုမွတင္တယ္။
ေတာ္ေတာ္ ဆိုးဆိုးညီေတပဲ😁😁

ညကမွေရးပီးတင္ရတာပါ အစ္ကိုေရ
😁😁

ဗဟုသုတရပါတယ္​ ​ေက်းဇူးပါဗ်

မ်ွေဝမႈအတြက္ေက်းဇူးပါ

thanks ပါအစ္ကို

Coin Marketplace

STEEM 0.36
TRX 0.12
JST 0.039
BTC 70112.96
ETH 3549.99
USDT 1.00
SBD 4.71