IMG-LOGO
Trang Chủ Chủ Đề Bài tập ôn luyện IFrame - Lập trình HTML/CSS/JS
× 1) Examination & Test + Ôn tập HTML/CSS/JS - Lập Trình HTML5/CSS/JS 2) Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần basic 3) Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần advanced 4) Thiết kế trang web Vincent State School - Lập trình html5 / css / javascript 5) Thiết kế website quản lý showroom - galaxy - Lập trình HTML5/CSS/Javascript 6) Thiết kế website sử dụng IFrame - phân chia layout - Lập trình HTML5 CSS Javascript 7) Thiết kế calendar page bằng HTML5/CSS - Tạo website calendar HTML5/CSS 8) Thiết kế Form đăng ký tài khoản bằng HTML5/CSS - Thiết kế registation form HTML5/CSS 9) Bài tập - Tạo website giới thiệu thông tin cá nhân - profile page - Lập trình HTML/CSS/JS 10) Bài tập - Thiết kế form gửi email - Lập trình HTML/CSS/JS 11) Bài tập ôn luyện Table - Lập trình HTML/CSS/JS 12. Bài tập ôn luyện IFrame - Lập trình HTML/CSS/JS

Bài tập ôn luyện IFrame - Lập trình HTML/CSS/JS

by TRẦN VĂN ĐIỆP - 16:20 12/10/2020 1,336 Lượt Xem

Theo dõi cập nhật nội dung học trên Youtube


Bình luận



Chia sẻ từ lớp học

Nguyễn Anh Vũ [T2008A]

Ngày viết: 16:40 16/10/2020


#3.2.html


<!DOCTYPE html>
<html>
<head>
	<title>EasyBank-Whole World One Bank</title>
	<meta charset="utf-8">
	<style type="text/css">
		.colum{
			width: 700px;
			height: 500px;
			margin: 0 auto;
		}
		.colum-1{
			width: 100%;
			height: 30%;
			border: 1px solid;
		}
		.colum-2{
			width: 450px;
			height: 100px;
			margin: 0 auto;
			margin-top: 25px;
			background-color: #faffad;
		}
		#back-1{
			font-size:20px;
			padding-top: 20px;
			margin-left: 100px;
			color: #A03055;
		}
		#back-2{
			font-size: 23px;
			margin-left: 250px;
			padding-top: 10px;
			color: #336A2A;
		}
		.sup{
			width: 100%;
			height: 60%;
			display: flex;
		}
		.supper{
			border: 1px solid;
			width: 30%;
			height: 100%;
		}
		.bottom{
			border: 1px solid;
			width: 70%;
			height: 100%;
			padding-left: 3px;
		}
	    </style>
        </head>
        <body>
        <div class="colum">
        <div class="colum-1">
        <div class="colum-2">
        <div id="back-1">Whole World One Bank...</div>
        <div id="back-2">EasyBank</div>
        </div>
        </div>
        <div class="sup">
        <div class="supper">
        <ul>
        <li><a href="aboutus.html" style="color: #CC66CC">About Us</a></li>
        <li><a href="products.html" style="color: #CC66CC">Products and Services</a></li>
        <li><a href="contactus.html" style="color: #CC66CC">Contact Us</a></li>
        </ul>
        </div>
        <div class="bottom">
		<p>
			<h2>-: Contact Us :-</h2>
		</p>
		<p> Contact by calling the relevant cutomet service telephone numbers and serding e-mail</p>
		<br>
		<b href="contactus.html" style="color: black">Customer Servikes</b>
		<br>
		<b href="contactus.html" style="color: black">Telephone Number 096-465-7860</b> 
		<br>
		<b href="contactus.html" style="color: black">E-mail:<a style="color: blue">[email protected]</a> </b>
			</div>
		</div>
	</div>
</body>
</html>


Nguyễn Anh Vũ [T2008A]

Ngày viết: 16:29 16/10/2020


#2.2.html


<!DOCTYPE html>
<html>
<head>
	<title>EasyBank-Whole World One Bank</title>
	<meta charset="utf-8">
	<style type="text/css">
		.colum{
			width: 700px;
			height: 500px;
			margin: 0 auto;
		}
		.colum-1{
			width: 100%;
			height: 30%;
			border: 1px solid;
		}
		.colum-2{
			width: 450px;
			height: 100px;
			margin: 0 auto;
			margin-top: 25px;
			background-color: #faffad;
		}
		#back-1{
			font-size:20px;
			padding-top: 20px;
			margin-left: 100px;
			color: #A03055;
		}
		#back-2{
			font-size: 23px;
			margin-left: 250px;
			padding-top: 10px;
			color: #336A2A;
		}
		.sup{
			width: 100%;
			height: 60%;
			display: flex;
		}
		.supper{
			border: 1px solid;
			width: 30%;
			height: 100%;
		}
		.bottom{
			border: 1px solid;
			width: 70%;
			height: 100%;
			padding-left: 3px;
		}
	    </style>
        </head>
        <body>
        <div class="colum">
        <div class="colum-1">
        <div class="colum-2">
        <div id="back-1">Whole World One Bank...</div>
        <div id="back-2">EasyBank</div>
        </div>
        </div>
        <div class="sup">
        <div class="supper">
        <ul>
        <li><a href="aboutus.html" style="color: #CC66CC">About Us</a></li>
        <li><a href="products.html" style="color: #CC66CC">Products and Services</a></li>
        <li><a href="contactus.html" style="color: #CC66CC">Contact Us</a></li>
        </ul>
        </div>
        <div class="bottom">
		<p>
			<h2>-: Products and Services :-</h2>
		</p>
		<p> EasyBank is, one of the biggest bank in the World, offering a wide range of insurance products and account services to customers. </p>
		<br>
		<li href="contactus.html" style="color: black">It provides credit cards</li>
		<br>
		<li href="contactus.html" style="color: black">It has a branch network that provides professional banking</li>
		<br>
			</div>
		</div>
	</div>
</body>
</html>


Nguyễn Anh Vũ [T2008A]

Ngày viết: 16:03 16/10/2020


#1.2.html


<!DOCTYPE html>
<html>
<head>
	<title>EasyBank-Whole World One Bank</title>
	<meta charset="utf-8">
	<style type="text/css">
		.colum{
			width: 700px;
			height: 500px;
			margin: 0 auto;
		}
		.colum-1{
			width: 100%;
			height: 30%;
			border: 1px solid;
		}
		.colum-2{
			width: 450px;
			height: 100px;
			margin: 0 auto;
			margin-top: 25px;
			background-color: #faffad;
		}
		#back-1{
			font-size:20px;
			padding-top: 20px;
			margin-left: 100px;
			color: #A03055;
		}
		#back-2{
			font-size: 23px;
			margin-left: 250px;
			padding-top: 10px;
			color: #336A2A;
		}
		.sup{
			width: 100%;
			height: 60%;
			display: flex;
		}
		.supper{
			border: 1px solid;
			width: 30%;
			height: 100%;
		}
		.bottom{
			border: 1px solid;
			width: 70%;
			height: 100%;
			padding-left: 3px;
		}
	    </style>
        </head>
        <body>
        <div class="colum">
        <div class="colum-1">
        <div class="colum-2">
        <div id="back-1">Whole World One Bank...</div>
        <div id="back-2">EasyBank</div>
        </div>
        </div>
        <div class="sup">
        <div class="supper">
        <ul>
        <li><a href="aboutus.html">About Us</a></li>
        <li><a href="products.html">Products and Services</a></li>
        <li><a href="contactus.html">Contact Us</a></li>
        </ul>
        </div>
        <div class="bottom">
		<p>
			<h2>-: About Us :-</h2>
		</p>
		<p>At EasyBank we belive in helping people to organize their requirements. We provide services snd products worldwide. The details of our products and services can be found throughout this site.</p>
		<p>
			<h2>-: History :-</h2>
		</p>
		<p>EasyBank was established in 1945 in the United States. Nicholas k. Smith became the first president.<br/>
				EasyBank opened an office in Paris in 2000.</p>
			</div>
		</div>
	</div>
</body>
</html>


hainguyen [T2008A]

Ngày viết: 21:34 15/10/2020


#products.html


<!DOCTYPE html>
<html>
<head>
	<title>EasyBank-Whole World One Bank</title>
	<meta charset="utf-8">
	<style type="text/css">
		.colum{
			width: 700px;
			height: 500px;
			margin: 0 auto;
		}
		.colum-1{
			width: 100%;
			height: 30%;
			border: 1px solid;
		}
		.colum-2{
			width: 450px;
			height: 100px;
			margin: 0 auto;
			margin-top: 25px;
			background-color: #faffad;
		}
		#back-1{
			font-size:20px;
			padding-top: 20px;
			margin-left: 100px;
			color: #A03055;
		}
		#back-2{
			font-size: 23px;
			margin-left: 250px;
			padding-top: 10px;
			color: #336A2A;
		}
		.sup{
			width: 100%;
			height: 60%;
			display: flex;
		}
		.supper{
			border: 1px solid;
			width: 30%;
			height: 100%;
		}
		.bottom{
			border: 1px solid;
			width: 70%;
			height: 100%;
			padding-left: 3px;
		}
	</style>
</head>
<body>
	<div class="colum">
		<div class="colum-1">
			<div class="colum-2">
				<div id="back-1">Whole World One Bank...</div>
				<div id="back-2">EasyBank</div>
			</div>
		</div>
		<div class="sup">
			<div class="supper">
				<ul>
					<li><a href="aboutus.html">About Us</a></li>
					<li><a href="products.html">Products and Services</a></li>
					<li><a href="contactus.html">Contact Us</a></li>
				</ul>
			</div>
			<div class="bottom">
				<p>
					<h2>-: Products and Services :-</h2>
				</p>
				<p>
					EasyBank is, one of the biggest in the World, offering a wide range of insurance products and account services to customers.
				</p>
				<ul>
					<li>It provides credit cards.</li>
					<li>It as a branch network that provides professional baking.</li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>


hainguyen [T2008A]

Ngày viết: 21:33 15/10/2020


#contactus.html


<!DOCTYPE html>
<html>
<head>
	<title>EasyBank-Whole World One Bank</title>
	<meta charset="utf-8">
	<style type="text/css">
		.colum{
			width: 700px;
			height: 500px;
			margin: 0 auto;
		}
		.colum-1{
			width: 100%;
			height: 30%;
			border: 1px solid;
		}
		.colum-2{
			width: 450px;
			height: 100px;
			margin: 0 auto;
			margin-top: 25px;
			background-color: #faffad;
		}
		#back-1{
			font-size:20px;
			padding-top: 20px;
			margin-left: 100px;
			color: #A03055;
		}
		#back-2{
			font-size: 23px;
			margin-left: 250px;
			padding-top: 10px;
			color: #336A2A;
		}
		.sup{
			width: 100%;
			height: 60%;
			display: flex;
		}
		.supper{
			border: 1px solid;
			width: 30%;
			height: 100%;
		}
		.bottom{
			border: 1px solid;
			width: 70%;
			height: 100%;
			padding-left: 3px;
		}
	</style>
</head>
<body>
	<div class="colum">
		<div class="colum-1">
			<div class="colum-2">
				<div id="back-1">Whole World One Bank...</div>
				<div id="back-2">EasyBank</div>
			</div>
		</div>
		<div class="sup">
			<div class="supper">
				<ul>
					<li><a href="aboutus.html">About Us</a></li>
					<li><a href="products.html">Products and Services</a></li>
					<li><a href="contactus.html">Contact Us</a></li>
				</ul>
			</div>
			<div class="bottom">
				<p>
					<h2>-: Contacts Us :-</h2>
				</p>
				<p>
					Contact us by calling relevant customer service telephone numbers and sending e-mail.
				</p>
				<p>
					<b>Customer Services</b>
					<br/>
					<b>Telephone Number:</b>033-244-5341
					<br/>
					<b>E-mail:</b><a href="#" >[email protected]</a>
				</p>
			</div>
		</div>
	</div>
</body>
</html>


Danh Sách Bài Học

Quick Quizzz!!!

User ImageUser ImageUser Image
User ImageUser ImageUser Image
User ImageUser ImageUser Image
User ImageUser ImageUser Image
User ImageUser ImageUser Image
User Image
User ImageUser ImageUser Image
>> Hiển Thị Quizzz
Đã sao chép!!!