HTML <body> အခမ်းအနား

  • အရှေ့လွန်း <blockquote>
  • နောက်လွန်း <br>

အသုံးပြုနည်းဥပဒေ

<body> body အကွက် သည် စာသင်္ကြပ်၏ အခြေခံအခမ်းအနား

HTML စာသင်္ကြပ်၏ အခမ်းအနားများ နှင့် စာသင်္ကြပ် အခမ်းအနားများ အကွက်မှ အခမ်းအနားများ ပေးသည်

body အကွက် သည် head အကွက် နောက်မှ အဆိုပါအတိုင်း ပြသသည် (html အကွက်၏ ဒုတိယအသုံးပြုသည်)

<body> body အကွက် သည် HTML စာသင်္ကြပ်၏ အရေးအသားအား ပေးသည် (အကြောင်းအရာများကို အများအပြား ပေးသည်)

အဆိုပါအကွက် တစ်ခုသာ အတွင်းရှိနိုင်သည် <body> အကွက်

အမှတ်အသား

အကြမ်းလုပ် အတူ ဖွဲ့စည်းထားသော HTML စာသင်္ကြပ်

<!DOCTYPE html>
<html>
  <head>
    <title>စာသင်္ကြပ် အမည်</title>
  </head>
  <body>
    <h1>ဒါမှာ သတင်းရာဖြစ်သည်</h1>
    <p>ဒါမှာ ပုံပြားတစ်ခုဖြစ်သည်。</p>
  </body>
</html>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

အဆိုပါအမှတ်အသား ပိုမိုကြီးမားစွာ ပြုပါ

အမြဲတမ်း အခမ်းအနား

<body> အခမ်းအနား HTML တွင် အမြဲတမ်း အခမ်းအနား。

HTML တွင် အကွက်အခမ်းအနား

<body> အခမ်းအနား HTML တွင် ဖြစ်ပေါ်လာသော အခမ်းအနား。

အခြား CSS အစီအစဉ်

အများစုသော ဘူးတီးဘားများ သည် အဆိုပါ အရေးအသားကို အတိုင်းအတာဖြင့် ပြသသည် <body> အကွက်

body {
  display: block;
  margin: 8px;
}
body:focus {
  outline: none;
}

ကိုယ်တိုင် စမ်းသပ်ကြည့်

ပိုမိုသော အမှတ်အသား

လုပ်ပိုင် 1

စာသင်္ကြပ်များတွင် နောက်ခံ ကြယ်ရက်များ ထပ်ထည့်ပါ (CSS ကို အသုံးပြု)

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">ထိရောက်သည့် codew3c.com ကို ခွင့်ပြုပါ</a></p>
</body>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

လုပ်ပိုင် 2

စာသင်္ကြပ်များတွင် နောက်ခံအရေးအသားကို သတ်မှတ်ပါ (CSS ကို အသုံးပြု)

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">ထိရောက်သည့် codew3c.com ကို ခွင့်ပြုပါ</a></p>
</body>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

လုပ်ပိုင် 3

စာသင်္ကြပ်များတွင် စာသားအရေးအသားကို သတ်မှတ်ပါ (CSS ကို အသုံးပြု)

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>ဒါမှာ ဘာသာရေးသားမှုတစ်ခုဖြစ်သည်。</p>
<p><a href="">ထိရောက်သည့် codew3c.com ကို ခွင့်ပြုပါ</a></p>
</body>
</html>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

လုပ်ပိုင် 4

设置文档中未访问链接的颜色（使用 CSS）：

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML ဖော်ပြ</a></p>
</body>
</html>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

例子 5

设置文档中活动链接的颜色（使用 CSS）：

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML ဖော်ပြ</a></p>
</body>
</html>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

例子 6

设置文档中已访问链接的颜色（使用 CSS）：

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML ဖော်ပြ</a></p>
</body>
</html>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

ဘတ်သျား ထောက်ပံ့

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့
  • အရှေ့လွန်း <blockquote>
  • နောက်လွန်း <br>