Jump to content

အိတ်ဆ်တီအဲမ်အယ်လ်/ဖောန့်ဖုံႏ တွမ်ႏ အရောင်ႏဖုံႏ

From Wikiversity

HTML ယို tag ထာꩻကောပ် စမ်ႏချာစမ်ႏငါယိုꩻ အောဝ်ႏတဗာႏ၊ <font> ထာꩻကောပ်။ ရွမ်ဖြုဲင်ꩻယို အီးအွောန်ႏနယ်ဖေႏ ကမာꩻဒါႏအီ အာစွိုးတန်ခရာႏ။ ကွဲးတွော့ꩻ ထာꩻကောပ် (tag) ယိုဗာႏနောဝ်ꩻ ထွာ အငိုꩻခန်ဆေ့ꩻနောဝ်ꩻမꩻ နာꩻမဉ်သေနာႏနမ်းဒျာႏ နုဲင်း နာꩻသေစဲင်းခါꩻလဲန်း HTML ခရာႏနောဝ်ꩻ ကအီးရဲန်ꩻအီ (formatting) တာႏ ကြုဲင်းလွေꩻသွော့ CSS ကိုနောဝ်ꩻထွူ ခမ်ႏအွောန်ႏဖေင်ꩻထိုꩻ နာꩻကထွားဖို ထာꩻကောပ် (tag) ယိုတဗာႏနေား။

ကြုဲင်းဖောန့် font အရောင်ႏဖုံႏ

[edit]

လိတ်ဖြုံႏ အရောင်ႏနောဝ်ꩻ ကြုဲင်းဖေႏနုဲင်းယိုလꩻ။

<font color="#FF0000">Red text</font>

တဲမ်းတွမ်ႏ အမေရိကန် အဉ်းဂလစ်ဒျာႏမꩻ၊ တဲမ်းမွိုန်းတောဝ်း တွမ်ႏ ဗြိတစ်ဆ် အဉ်းဂလစ်။ နာꩻမဉ်ႏတဲမ်းအီကုဒ် တွမ်ႏ ဗြိတစ်ဆ် အဉ်းဂလစ်နောဝ်ꩻ ကုဒ် (code) နာႏငေါဝ်းဖေႏ မျိုꩻမော်မွေးတောဝ်း ထာꩻယို မာꩻတနျာႏဖေႏ လိတ်ဖြုံႏ

လိတ်ဖြုံႏတနျာႏစား

<font color="#FF0000">လိတ်ဖြုံႏတနျာႏစား </font>

#FF0000 ထွာ အရောင်ႏတဗာႏတာႏ ကိုဒ် ကတဲမ်းခါꩻတွမ်ႏ ဟဲက်သာ ဒဿမနေးသွူ။ နာꩻမဉ်ႏမဉ်မာꩻအီ ယိုစားနောဝ်ꩻ ရမဉ်ထွားလွူꩻပါဒါႏ ဝဲဘ်အရောင်ႏဖုံႏရာ၊ ယိုကိုတဲ့ တဲမ်းနေးဗော့ꩻ အယိုꩻစား။ ယိုတဲ့တဒေါဝ်ႏ၊ တဲမ်းသော့ꩻနေးလိတ်ဖြုံႏတွော့ꩻ မာꩻထွာအရောင်ႏတဲ့ လꩻဒျာႏနေနေ။ ဥပမာ ကီယိုနောဝ်ꩻ တဲမ်းနုဲင်းယိုစားတဲ့ လꩻနေနေ။

<font color="red">Red text</font>

<font color="red">လိတ်ဖြုံႏ တနျာႏ</font>

ထာꩻယို ယိုထဲင်းတောဝ်းနဲ့? အရောင်ႏယိုစားနောဝ်ꩻ သော့ꩻဖေဒါႏအီ ၆ ရောင်ႏ၊ အောဝ်ႏအွောန်ႏနယ်ခါꩻလယို။

Colour Hexadecimal Colour Hexadecimal Colour Hexadecimal Colour Hexadecimal
aqua #00ffff black #000000 blue #0000ff fuchsia #ff00ff
gray #808080 green #008000 lime #00ff00 maroon #800000
navy #000080 olive #808000 purple #800080 red #ff0000
silver #c0c0c0 teal #008080 white #ffffff yellow #ffff00


မဉ်ႏမဉ်သေအာခြာ အရောင်ႏ (လို့လို့အောဝ်ႏ ၁၃၉) နောဝ်ꩻ ထွားသွော့ ကဖေႏမဉ်ꩻခါꩻဒါႏ အရောင်ႏ ထာꩻထဲင် (table ဇယား) ကိုနေား။ ယိုနောဝ်ꩻ ထွာဒျာႏ ဥပမာ ဆေ့ꩻဆေ့ꩻတာႏ။


IndianRed Salmon
SteelBlue NavajoWhite
Green Tomato
Gainsboro Linen

လုဲင်ႏ ဖောန့်တ်ပေႏတန်

[edit]

<font> tag ယို လုဲင်ႏအီ ဖောန့်တ်ပေႏတန်တဲ့ လꩻနေနေ။ လိတ်ဖြုံႏပေႏတန်တာႏ ထွားဖတ်လွူꩻသွော့ ဥပမေယျ ယိုဗာႏ-

 <font size=1>Font size 1</font><br>
 <font size=2>Font size 2</font><br>
 <font size=3>Font size 3</font><br>
 <font size=4>Font size 4</font><br>
 <font size=5>Font size 5</font><br>
 <font size=6>Font size 6</font><br>
 <font size=7>Font size 7</font>
 

ထာꩻယိုအွောန်ႏနယ် ဖောန့်တ်ပေႏတန် (၇) စား

ဖောန့်တ်ပေႏတန် (၁) စား
ဖောန့်တ်ပေႏတန် (၂) စား
ဖောန့်တ်ပေႏတန် (၃) စား
ဖောန့်တ်ပေႏတန် (၄) စား
ဖောန့်တ်ပေႏတန် (၅) စား
ဖောန့်တ်ပေႏတန် (၆) စား
ဖောန့်တ်ပေႏတန် (၇) စား

နာꩻထီႏသေနွောင်ꩻအီ လိတ်ဖြုံႏပေႏဗိꩻဒါႏ တန်ဗွိုင်းဒါႏ။ နာꩻကုဲင်းမဉ်ထွားပါဒါႏ ကအီးမာꩻ လိတ်ဖြုံႏတန်တာႏ <big> တွမ်ဝ <small> တာႏ လိတ်ဖြုံႏအပေႏ

 <small>Small text,</small> Normal text, <big>Oversized text</big>

အထေဖေႏ

Small text, Normal text, Oversized text

နာꩻ မာꩻအီနေးတွမ်ႏ လꩻယိုစားတဲ့ လꩻသွူ

  1. xx-small
  2. x-small
  3. small
  4. medium
  5. large
  6. x-large
  7. xx-large

လုဲင်ႏ လိတ်ဖြုံႏဖောန့်ခြွီ

[edit]

မာꩻတွမ်ႏ face attribute တွော့ꩻ လုဲင်ႏဖေႏဖောန့်တ်ခြွီတဲ့ လꩻ၊ ပီနုဲင်းယိုစား-

 <font face="Courier new">Courier new</font><br>
 <font face="Verdana">Verdana</font><br>
 <font face="Arial">Arial</font>

ထာꩻယိုအမာꩻထန်ႏ နုဲင်းလယိုစားသွု။

မင်္ဂလာႏဒျာႏဩ
မင်္ဂလာႏဒျာႏဩ
မင်္ဂလာႏဒျာႏဩ
မင်္ဂလာႏဒျာႏဩ

နာꩻလိုႏတဲမ်းအီ တွမ်ႏ လိတ်ဖြုံႏဖောန့် ကအောဝ်ႏပါဒါႏ ကုမ်ပျူတာ ထာꩻတွီ (Operating system) ကိုစား၊ နောဝ်ꩻမဉ်ႏတမွေးတောဝ်းတဲးတဲ့ လိုꩻအာ ထုမ်ႏထွားစမ်ႏ နာꩻဝဲဘ်သုဲက် မျိုꩻအီးလꩻ တမွေးတောဝ်း။ လိုႏတောင်ꩻခါꩻသေꩻပါ လိတ်ဖြုံႏဖောန့်ဖုံႏ မဉ်ႏတဲပ်တောဝ်းငါႏလွောန်ꩻနောဝ်ꩻ ထွားဖတ်လွူꩻ အီးယပ်ꩻခုဲင်ႏ။

ယမ်ဖေႏနေး ကထိုꩻဖုဲင်းဖေႏလꩻ ပျဿနာႏယိုစားတာႏတဲင် ဝင်ꩻဖုံႏ ရဲန်ꩻခါꩻ ဖောန့်လိတ်ဖြုံႏခြွီ အလုဲင်ꩻနုဲင်းလယုစား၊ အပွိုင်ခါꩻ အမာꩻခါꩻ ဒီသုဲန်း (ကအီးသျသော့ꩻ ကလꩻအီယိုꩻယိုꩻဒါႏ လိတ်ဖြုံႏဖောန့်ဖုံႏ တောဝ်းလဲ့ ထွားဖတ်လွူꩻသားထျꩻကို) ကပွိုင်ခါꩻသေꩻဖေႏအာလွိုဒါႏ လိတ်ဖြုံႏဖောန့် ၃ စားနောဝ်ꩻ-


 <font face="sans-serif">Sans Serif</font><br>
 <font face="serif">Serif</font><br>
 <font face="monospace">Monospace</font><br>

ပေါႏမာꩻအီအာတောဝ်း၊ ကွဲးတွော့ꩻ ကလꩻနွောင်ꩻနုဲင်းနုဲင်းဖုံႏနောဝ်ꩻ-

 <font face="fantasy">Fantasy</font><br>
 <font face="cursive">Cursive</font>

နာꩻဘရောဝ်သာကို အွောန်ႏနယ်ဖေႏ ယိုစားဖုံႏ ပီနုဲင်း-

မင်္ဂလာႏဒျာႏဩ
မင်္ဂလာႏဒျာႏဩ
မင်္ဂလာႏဒျာႏဩ
မင်္ဂလာႏဒျာႏဩ


Learning HTML
Previous: (none) — Next: (none)