<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Tutorial </title>
<body>
<h1>Hello Hello!</h1>
<p> This is the first HTML code</p>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
<div>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
</div>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
<br>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
<center>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
</center>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Tutorial </title>
<body>
<h1>Hello Hello!</h1>
<p> This is the first HTML code</p>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
<div>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
</div>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
<br>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
<center>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione, eveniet nesciunt architecto similique nisi neque ullam praesentium officiis facere, dolor aliquid ab excepturi maxime dolore exercitationem nostrum nobis nihil tempora.</p>
</center>
</body>
</html>
ဒီနေ့ 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>