ဒီနေ့ lesson လေးနဲ့ code လေးကို မနက်ဖြန်မှာပြန်တင်ပေးပါမယ်
visual studio code လေးကို download ဆွဲဖို့ အကြံပေးချင်ပါတယ်
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lesoon 1</title>
</head>
<body>
<h1>Hello World </h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi eos inventore veritatis maxime et magni placeat reprehenderit, neque, nobis delectus quaerat quidem rem dignissimos non vero fugiat rerum. Pariatur, sunt.</p>
<p>this is the first code of the HTML</p>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lesoon 1</title>
</head>
<body>
<h1>Hello World </h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi eos inventore veritatis maxime et magni placeat reprehenderit, neque, nobis delectus quaerat quidem rem dignissimos non vero fugiat rerum. Pariatur, sunt.</p>
<p>this is the first code of the HTML</p>
</body>
</html>
Discussion group လေးလည်း join ထားဖို့ အကြံပေးချင်ပါတယ်
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lesoon 2 (HTML Basic tag)</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>Pragragraph</p>
<span>This is span</span>
<span>Br tag is used to break a line</span>
<div style="color: blue;">
<p>this tag is inside the div tag </p>
</div>
<center>
The tag is inside the center tag
</center>
Two horizontal line is drawn using two hr tag.
<hr>
<hr/>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lesoon 2 (HTML Basic tag)</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>Pragragraph</p>
<span>This is span</span>
<span>Br tag is used to break a line</span>
<div style="color: blue;">
<p>this tag is inside the div tag </p>
</div>
<center>
The tag is inside the center tag
</center>
Two horizontal line is drawn using two hr tag.
<hr>
<hr/>
</body>
</html>
Lesson 2 (HTML basic tag).mkv
41.9 MB
Lesson2 (HTML Basic tag)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lesson 3 (Multiple Attributes)</title>
<style>
.a{
width: 700px;
height: 120px;
margin: 0px auto 0px auto;
background-color: #F63;
}
.main{
width:1001px;
height:200px;
margin:0px auto 0px auto;
background-color: #060;
}
.le{
width:500px;
height:200px;
float:left;
background-color: #666;
}
#ri{
width:400px;
height:200px;
float: right;
margin-left:100px;
background-color: #4305d3;
}
</style>
</head>
<body style="background-color:#FF6;">
<div class="a">
<h4>Multiple Attributes</h4>
1.id <br>
2.class <br>
3. style <br>
</div>
<hr size="1">
<div class="main">
<div class="le"></div>
<div id="ri"></div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lesson 3 (Multiple Attributes)</title>
<style>
.a{
width: 700px;
height: 120px;
margin: 0px auto 0px auto;
background-color: #F63;
}
.main{
width:1001px;
height:200px;
margin:0px auto 0px auto;
background-color: #060;
}
.le{
width:500px;
height:200px;
float:left;
background-color: #666;
}
#ri{
width:400px;
height:200px;
float: right;
margin-left:100px;
background-color: #4305d3;
}
</style>
</head>
<body style="background-color:#FF6;">
<div class="a">
<h4>Multiple Attributes</h4>
1.id <br>
2.class <br>
3. style <br>
</div>
<hr size="1">
<div class="main">
<div class="le"></div>
<div id="ri"></div>
</div>
</body>
</html>
Homework
ဒီနေ့သင်လိုက်တဲ့ lesson 3ခုပေါင်းပြီး design တစ်ခုတည်ဆောက်ရပါမယ်
ဒီနေ့သင်လိုက်တဲ့ lesson 3ခုပေါင်းပြီး design တစ်ခုတည်ဆောက်ရပါမယ်
Basic course သင်တန်းပြီးတာနဲ့ စာမေးပွဲလေး ဖြေရပါမယ်
Forwarded from Programming Basic Class (Thanlwin Ye Aung)
Discussion group လေးလည်း join ထားဖို့ အကြံပေးချင်ပါတယ်
Programming Basic Class pinned «Discussion group လေးလည်း join ထားဖို့ အကြံပေးချင်ပါတယ်»
Thanlwin Ye Aung:
ဒီနေ့ တစ်ရက်သင်တန်းလေးပိတ်ပါမယ်
မနက်ဖြန် image ထည့်တာနဲ့ image ကိုသုံးပြီး another page ကိုသွားတာ image ပေါ် mouse တင်တာနဲ့စာတန်ထိုးတာလေးသင်ပါမယ်
လေ့လာဖို့အတွက်
YouTube link နဲ့ w3 school link လေးချပေးပါမယ်
ဒီနေ့ တစ်ရက်သင်တန်းလေးပိတ်ပါမယ်
မနက်ဖြန် image ထည့်တာနဲ့ image ကိုသုံးပြီး another page ကိုသွားတာ image ပေါ် mouse တင်တာနဲ့စာတန်ထိုးတာလေးသင်ပါမယ်
လေ့လာဖို့အတွက်
YouTube link နဲ့ w3 school link လေးချပေးပါမယ်