Performatted Text

line brekas ေတြ space ေတြ အားလံုးကို ႐ိုက္ထည့္လိုက္သလို အလုပ္လုပ္ေစခ်င္ရင္ေတာ့ performatted text ကို အသံုးျပဳႏိုင္ပါတယ္။ <pre> နဲ႕ </pre> ၾကားထဲမွာ ေရးထားလိုက္ရင္ ရပါတယ္။ ပံုမွန္ အားျဖင့္ web browser က line break ေတြ space ေတြ အားလံုးကို ျပသတဲ့ အခါမွာ အသံုးမျပဳပါဘူး။ ကၽြန္ေတာ္ တို႕ အေပၚမွာ ေရးခဲ့တဲ့ ဥပမာလို space ေတြ အတြက္ သီးသန္႕ special code ကို အသံုုးျပဳခဲ့ရပါတယ္။ HTML code မွာ လိုင္း ျခားထားေပမယ့္ <br/> အသံုးမျပဳထားရင္ေတာ့ browser မွာ လိုင္း မျခားပါဘူး။ ေအာက္က code ေလးကို တခ်က္ေလာက္ ေလ့လာၾကည့္ရေအာင္။

<!DOCTYPE html>
<html>
    <head>
        <title>This is title</title>
        <meta name="description" content="HTML5 book">
        <meta name="keywords" content="HTML,CSS,XML,JavaScript">
        <meta name="author" content="saturngod">
        <meta charset="UTF-8">
    </head>
    <body>
        <pre>
Name:        Saturngod
Book:        HTML5
Year:        2013
        </pre>
        <pre>
        Name:        Saturngod
        Book:        HTML5
        Year:        2013
        </pre>

    </body>

</html>

အဲဒီ code ေလးကိုေတာ့ ေအာက္ကလို ျမင္ရပါလိမ့္မယ္။

figure 2-9

Figure 2-9.

ကၽြန္ေတာ္ Tab ေတြနဲ႕ ျခားထားတဲ့အတြက္ေၾကာင့္ browser မွာ ေပၚတဲ့ အခါလည္း ကၽြန္ေတာ္ ေရးထားတဲ့ အတိုင္းေပၚပါတယ္။ အထက္ပါ code မွာ <pre> နဲ႕ </pre> ၾကားက text ေတြမွာ စစျခင္း space မျခားထားတာကို ေတြ႕ႏိုုင္ပါတယ္။ ဒုတိယ code မွာေတာ့ space ေတြ ထည့္ထားပါတယ္။ ဒါေၾကာင့္ ျပတဲ့ အခါမွာလည္း space ေတြ ျခားၿပီး ထြက္လာပါတယ္။

results matching ""

    No results matching ""