Professional Documents
Culture Documents
1LT1
BÀI 1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to HTML</title>
<link rel="shortcut icon" type="png"
href="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_
Code_1.35_icon.svg/2048px-Visual_Studio_Code_1.35_icon.svg.png"/>
</head>
<body>
Chào mừng bạn đã đến với ngôn ngữ thiết kế web HTML (Hypertext Makup
Language)
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to HTML</title>
<link rel="shortcut icon" type="png"
href="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_
Code_1.35_icon.svg/2048px-Visual_Studio_Code_1.35_icon.svg.png"/>
</head>
<body>
Chúc các bạn học tốt ngôn ngữ HTML
</body>
</html>
BÀI 2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CÔ HÁI MƠ</title>
<link rel="shortcut icon" type="png"
href="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_
Code_1.35_icon.svg/2048px-Visual_Studio_Code_1.35_icon.svg.png"/>
<style>
p, h1{
font-family:Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<div>
<h1>CÔ HÁI MƠ</h1>
<p>
<i>Thơ thẩn đường chiều một khách thơ,</i>
<br>
<i>Say nhìn xa rặng núi núi xanh lơ,</i>
<br>
Khi trời lặng lẽ và trong trẻo
<br>
Thấp thoáng rừng mơ, <b><i>Cô hái mơ.</i></b>
<br>
Khi trời lặng lẽ và trong trẻo
<br>
<span style="text-decoration-line: underline">Tác giả</span> :
<i>
<span style="text-decoration-line:line-through"> Vô Danh</span>
</i>
</div>
</body>
</html>
BÀI 3:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chi so Tren Duoi</title>
</head>
<body>
AX<sup>2</sup>+BX+C=0
<p>Hôm nay thời thiết: 36<sup>0</sup>C</p>
H<sub>2</sub>O+CaCO<sub>3</sub>
</body>
</html>
BÀI 4:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<table style="background-color: green; width: 50%;", >
<td>
<b>Các ký hiệu đặc biệt:</b> <br>
<hr>
Bản quyền: © <br>
Thương hiệu: ™ <br>
Thương hiệu đã đăng ký: ® <br>
Email: phetcm@yahoo.com
<hr align="center", width="50%">
</td>
</table>
</div>
</body>
</html>
BÀI 5:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
marquee{
margin-top: 20px;
font-size: 30px;
scroll-margin-block-end: left;
}
</style>
</head>
<body>
<marquee behavior="alternat" direction="Left" style="color: red;
background-color: #FFFFCC;" loop="10" ScrollAmount="10" ScrollDelay="3">
Chào mừng các bạn đến với lớp chúng tôi!
</marquee>
</body>
</html>
BÀI 6:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<H3 style="color: red; text-align: center;">CHƯƠNG TRÌNH ĐÀO TẠO THIẾT
KẾ WEB</H3>
<ul style="color: blue;">
<li>Ngôn ngữ HTML & FontPage</li>
<li>Xử lí ảnh & Thiết kế giao diện PhototoshopCS</li>
<li>DreamWeaver MX</li>
<li>Khai thác và Quản trị Domain, Hosting</li>
<li>Ngôn ngữ kịch bản Javascript</li>
</ul>
<p style="color: red;">Mọi thông tin chi tiết xin liên hệ: <i
style="color: purple;">Văn phòng giáo vụ. Tel: 08.8564258,
Giaovu@netnam.vn</i>
</p>
</div>
</body>
</html>