Myanmar IT Resource Forum
Myanmar IT Resource Forum
Myanmar IT Resource Forum

You are not connected. Please login or register

Myanmar IT Resource Forum » WEB DEVELOPERS ZONE »   » Hypertext Markup Language » Html language ကိုလေ့လာခြင်း။

View previous topic View next topic Go down  Message [Page 1 of 1]

aprilkaunglay

aprilkaunglay
MITR New User



Html
Html ဟာ webpage တွေရေးတဲ့ language တစ်ခုပါ။ သူ့ကို web-authoring tool တွေ၊ ဥပမာအနေနဲ့ပြောရရင် Macromedia Dreamweaver တွေ၊ Micorsoft Front Page တွေနဲ့ရေးလို့ရပါတယ်။ ကျွန်တော့အနေနဲ့တော့ note pad မှာ ရေးတဲ့ နည်းပေါ့ အခြေခံကနေပဲ ပြောပြပါ့မယ်။ကျွန်တော်တအားကြီး သိလို့တော့မဟုတ်ပါဘူး။ သိသလောက်ပေါ့။


Html ကို ဘယ်လို run မလဲ။
Html ကို notepad မှာရေးပြီး browser ပေါ်မှာ run ပါတယ်။ browser ဆိုတာကတော့ Mozilla Firefox တို့ Internet Explorer တို့ကိုပြောတာပါ။ Start>Run ကိုနှိပ်လိုက်ပါ။ ပြီးရင် Notepad ကိုရိုက်လိုက်ပါ။ နောက်တစ်နည်းက Start>Programs>Accessories>Notepad ကိုတစ်ချက်နှိပ်လိုက်ပါ။ ၀င်လာပါလိမ့့်မယ်။

အခြေခံ tag လေးခု
အခြေခံ tage အနေနဲ့လေးခု ရှိပါတယ်။ အဲ့ဒါတွေကတော့
(1)<html></html>
(2)<head></head>
(3)<title></title>
(4)<body><body> စတာတွေဖြစ်ပါတယ်။ သူတို့ကိုရေးတဲ့အခါ အဖွင့်tag၊အပိတ်tag တွေနဲ့ ရေးရပါတယ်။

Blank page တစ်ခုဖန်တီးခြင်း။

ဒါက သူ့ရဲ့ code တွေ ပါ။ ပုံသေရေးရမယ့် code တွေပါ။


<html>
<head><title>your title</title>
</head>
<body>
</body>

ဒါကတော့ နောက်ခံအရောင်ပြောင်းဖို့ရာအတွက်code ပါ။
နှစ်မျိုးရှိပါတယ်။
ဒါကတော့ bgcolor မှာ color code နဲ့သုံးတာပါ။

<html>
<head><title>your title</title>
</head>
<body bgcolor="red">
</body>

ဒါကတော့ bgcolor မှာ color name နဲ့သုံးတာပါ။

<html>
<head><title>your title</title>
</head>
<body bgcolor="#FF0000">
</body>

သိမ်းဆည်းခြင်း-save
အပေါ်က ဖော်ပြထားတဲ့ ပုံစံအတိုင်း ရေးသားပြီးရင် သိမ်းဆည်းဖို့ လိုပါလိမ့်မယ်။ အဲ့အတွက်ကတော့ File->Save ကို အရင်နှိပ်ပါ။ ကျလာတဲ့ box က Save in : ဆိုတဲ့ နေရာမှာ Desktop ဒါမှမဟုတ် ကိုယ်ရဲ့ folder ကိုရွေးပြီး file name: မှာ filename.html (file name ဆိုတာနေရာမှာ ဘာနာမည်ပေးပေးရပါတယ်။)၊ Save as type: ကတော့ All files ဆိုရင်ရပါပြီ။


HTML Color Code

Color Color CodeColor Color Code
Red #FF0000White #FFFFFF
Turquoise#00FFFF Light Grey #C0C0C0
Light Blue#0000A0 Dark Grey#808080
Dark Blue#0000A0 Black #000000
Light Purple #FF0080Orange #FF8040
Dark Purple #800080 Brown #804000
Yellow#FFFF00 Burgundy #800000
Pastel Green #00FF00 Forest Green#808000
Pink #FF00FF Grass Green#408080

code တွေထပ်လေ့လာချင်ရင်တော့ http://www.computerhope.com/htmcolor.htm ကိုသာ သွားလိုက်ပါတော့။



Last edited by ET on 13th August 2011, 5:45 pm; edited 10 times in total (Reason for editing : "ဒီနေရာ"ကို http://www.computerhope.com/htmcolor.htm ဖြင့်အစားထိုးသည်။)

alt.332

alt.332
Administrator



Administrator
အခုလိုဝင်ဆွေးနွေးပေးတာကျေးဇူးတင်ပါတယ် ကျွန်တော် တို့လည်း အလျဉ်းသင့်သလို ၀င်ဆွေးနွေးပေးပါ့မယ်...

http://www.myanmaritresource.info

CrustyDi@per

CrustyDi@per
MITR Reader



MITR Reader
ဟင်လုပ်ကြဦးလေ..ဟိုတစ်ယောက်ကလည်းစပြီးဆက်ရေးပါဦးနော်..သူမဟုတ်တော်သိတဲ့လူနောက်ထပ်
တစ်ယောက်လောက်ထပ်ရေးပါဦးနော်...

http://ucsycyber.ning.com

aprilkaunglay

aprilkaunglay
MITR New User



code မ်ားအတြင္း စာသားမ်ားထည့္သြင္းေရးသားျခင္း
<html>
<head><title>your title</title>
</head>
<body>hello hello my friend
</body>
</html>

ဒါကေတာ့ preview ပါ။

Html language ကိုလေ့လာခြင်း။ Pagei



Last edited by aprilkaunglay on 13th July 2009, 2:18 pm; edited 2 times in total

aprilkaunglay

aprilkaunglay
MITR New User



ခေါင်းစဉ် ထည့်သွင်းခြင်း
ခေါင်းစဉ်(heading) ကို အသုံးပြုရာမှာ အကြီးဆုံး <H1> ကနေ အငယ်ဆုံး <H6> အထိ ခြောက်ခုရှိပါတယ်။
code တွေနဲ့ပဲ တစ်ခါတည်း ဖော်ပြပေးလိုက်ပါတယ်။
<html>
<head><title>your title</title>
</head>
<body><h1>First level Heading</h1>
<h2> Second level Heading</h2>
<h3> Third level Heading</h3>
<h4> Fourth level Heading</h4>
<h5> Fifth level Heading</h5>
<h6> Sixth level Heading</h6>
</body>
</html>

ဒါကတော့ preview ပါ။

Html language ကိုလေ့လာခြင်း။ Pagel

aprilkaunglay

aprilkaunglay
MITR New User



စာပိုဒ်ခွဲခြားမှုအတွက် အသုံးပြုခြင်း(<p>...</p>)
စာပိုဒ်ခွဲခြားရာမှာ <p> tag ကို အသုံးပြုပါတယ်။

တစ်လိုင်းဆင်းခြင်း(<BR>)
တစ်လိုင်း ဆင်းတဲ့ နေရာမှာ အသုံးပြုတဲ့ tag တစ်ခုဖြစ်ပါတယ်။

စာပိုဒ်မြုပ်သွင်းခြင်း(<blockquote>...</blockquote>)
စာပိုဒ်မြုပ်သွင်းတယ်ဆိုတာဟာ ဘယ်၊ညာ၊ အထက် နဲ့ အောက်ဘက်တွေမှာ နေရာလွတ်(extra space) ချန်ခြင်းကို ဆိုလိုပါတယ်။ ဖော်ပြချင်တဲ့အကြောင်းအရာကို သီးသီးသန့်သန့် ရှိစေချင်တဲ့နေရာမှာသုံးနိုင်ပါတယ်။

အားလုံးအတွက် code နဲ့ preview ကိုဖော်ပြပေးထားပါတယ်။

<html>
<head><title>your title</title>
</head>
<body><p>If I have a lot of money, I would be a very rich man. My friends would think high of me and respect me. So I would be very proudand happy.</p>
<p> As money can buy many things, I would be able to do many things. But I would be careful tomake myself and my money safe first.</p>
If I have a lot of money, I would be a very rich man. My friends would think high of me and respect me. So I would be very proud and happy.<br>
As money can buy many things, I would be able to do many things. But I would be careful to make myself and my money safe first.<br>
<blockquote><p>If I have a lot of money, I would be a very rich man. My friends would think high of me and respect me. So I would be very proud and happy.</p>
<p> As money can buy many things, I would be able to do many things. But I would be careful to make myself and my money safe first.</p>
</blockquote>
</body>


Html language ကိုလေ့လာခြင်း။ Pagen

sHa92

sHa92
Founder



Founder
ဟဲဟဲ...
ကျေးဇူးတင်ပါတယ်ဗျာ...
ဆိုဒ်ထဲကို ပြန်ဝင်လာတဲ့အတွက်ရော.. ဒီလို ပိုစ့်လေးတွေရေးပေးတဲ့အတွက်ပါ.....
အားလုံးအတွက် ကျေးဇူးတင်ပါတယ်....
Very Happy

http://www.myanmaritresource.info

C0D3R

C0D3R
MITR Master



MITR Master
What is HTML?

HTML is a language for describing web pages.


  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language,
    it is a markup language
  • A markup language is a set of markup
    tags
  • HTML uses markup tags to describe web pages


HTML Tags

HTML markup tags are usually called HTML tags

  • HTML tags are keywords surrounded by angle brackets like <html>
  • HTML tags normally come in pairs like <b> and </b>
  • The first tag in a pair is the start tag, the
    second tag is the end tag
  • Start and end tags are also called opening tags and closing
    tags


HTML Documents = Web Pages



  • HTML documents describe web pages
  • HTML documents contain HTML tags and plain text
  • HTML documents are also called web pages

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML
documents and display them as web pages. The browser does not display the HTML tags,
but uses the tags to
interpret the content of the page:
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph</p>

</body>
</html>
Example Explained



  • The text between <html> and </html> describes the web page
  • The text between <body> and </body> is the visible page
    content
  • The text between <h1> and </h1> is displayed as a heading
  • The text between <p> and </p> is displayed as a paragraph

http://www.myanmaritresource.info

C0D3R

C0D3R
MITR Master



MITR Master
What You Need


You don't need any tools to learn HTML at W3Schools.

  • You don't need any HTML editor
  • You don't need a web server
  • You don't need a web site
Editing HTML

In this tutorial we use a plain text editor (like
Notepad) to edit HTML. We believe this is the best way to learn HTML.
However, professional web developers often prefer HTML editors like FrontPage
or Dreamweaver, instead of writing plain text.
Create Your Own Test Web


If you just want to learn HTML, skip the rest of this chapter.
If you want to create a test web on your own computer, just copy the 3 files below to your desktop.
(Right click on each link, and select
"save target as" or "save link as")
mainpage.htm
page1.htm
page2.htm
After you have copied the files, you can double-click on the file called "mainpage.htm"
and see your first web site in action.

Use Your Test Web For Learning


We suggest you experiment with everything you learn at W3Schools by editing
your web files with a text editor (like Notepad).

Note: If your test web contains HTML markup tags you have not learned,
don't panic. You will learn all about it in the next chapters.

HTM or HTML Extension?


When you save an HTML file, you can use either the .htm or the .html extension.
We use .htm in our examples. It is a habit from the
past, when the software only allowed three letters in file extensions.
With new software it is perfectly safe to use .html.

http://www.myanmaritresource.info

zawmin

avatar
MITR Reader



MITR Reader
html မှာ Background ကို ပုံထည် ့လို ့ရသလား။
ရ ရင်ပြောပေးပါ အုံး။

C0D3R

C0D3R
MITR Master



MITR Master
ရပါတယ် ဘယ်လိုထည့်လဲဆိုတော့ ကျွန်တော်က web editor သုံးတယ်ဆိုတော့ Code ကိုပြန်ကြည့်လိုက်ဦးမယ်

မေ့နေလို့ အလွယ်လိုက်နေတယ်ဟီး

http://www.myanmaritresource.info

alt.332

alt.332
Administrator



Administrator
အောက်က Code လေးအတိုင်းထည့်ကြည့်လိုက်ပါ ကိုဇော်မင်း...

Code:
<body background="D:\My Documents\name.jpg">

D:\My Documents\name.jpg နေရာမှာတော့ အစ်ကို့ရဲ့ background image ရှိတဲ့ Location ကိုချိန်းပေးရုံပါပဲ...

http://www.myanmaritresource.info

Nyein Chan Su HLaing

Nyein Chan Su HLaing
MITR New User



In this page,need to write about tag.I want share my knowledge. :typing
At tags have two types
1.Standalone tag Example <hr>
2.Container tag Example <html> </html>
If I have mistake of this knowledge ,u can correction to me Razz

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Myanmar IT Resource Forum » WEB DEVELOPERS ZONE »   » Hypertext Markup Language » Html language ကိုလေ့လာခြင်း။

Permissions in this forum:
You cannot reply to topics in this forum

 

Create a forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com