By GokiSoft.com| 19:40 30/01/2021|
Học HTML5 - CSS3

[Share Code] Tim hieu CSS - chua bai tap - Form - Lap trinh HTML/CSS/JS


#attendences1.html


<!DOCTYPE html>
<html>
<head>
	<title>Attendence Page</title>
	<meta charset="utf-8">
</head>
<body style="background-color: #FFFFCC">
	<h2 style="text-decoration: underline;text-align: center;">Attendence Sheet</h2>
	<div style="text-align: center;">
	<!-- <center> -->
		<a href="attendences1.html"><img src="photos/week1.JPG"></a>
		<a href="attendences2.html"><img src="photos/week2.JPG"></a>
		<a href="attendences3.html"><img src="photos/week3.JPG"></a>
		<a href="attendences4.html"><img src="photos/week4.JPG"></a>
	<!-- </center> -->
	</div>
	<table border="1" style="margin: 0px auto; border: solid #dad9d9 1px; margin-top: 15px;">
		<tr>
			<th colspan="8" style="background-color: orange">WEEK 1</th>
		</tr>
		<tr>
			<th></th>
			<th>Mon</th>
			<th>Tue</th>
			<th>Wed</th>
			<th>Thu</th>
			<th>Fri</th>
			<th>Sat</th>
			<th>Total</th>
		</tr>
		<tr>
			<th>Sinh Vien</th>
			<td>P</td>
			<td></td>
			<td>P</td>
			<td>P</td>
			<td></td>
			<td>P</td>
			<td></td>
		</tr>
		<tr>
			<th>Sinh Vien</th>
			<td>P</td>
			<td></td>
			<td>P</td>
			<td>P</td>
			<td></td>
			<td>P</td>
			<td></td>
		</tr>
		<tr>
			<th>Sinh Vien</th>
			<td>P</td>
			<td></td>
			<td>P</td>
			<td>P</td>
			<td></td>
			<td>P</td>
			<td></td>
		</tr>
		<tr>
			<th>Sinh Vien</th>
			<td>P</td>
			<td></td>
			<td>P</td>
			<td>P</td>
			<td></td>
			<td>P</td>
			<td></td>
		</tr>
	</table>
</body>
</html>


#style.css


body {
	background-color: #FFFFCC;
}

h1 {
	color: red;
}

h1:hover {
	color: white;
}

h1:active {
	color: black;
}

h1:first-letter {
	font-size: 100px;
}

.text-blue {
	color: blue;
	text-transform: capitalize;
	font-size: 5px;
}

.text-large {
	font-size: 50px !important;
}

.text-green {
	color: green;
	text-transform: uppercase;
}

.text-small {
	font-size: 12px;
}

#abc {
	font-size: 20px;
}

* {
	color: red;
}


#test.html


<!DOCTYPE html>
<html>
<head>
	<title>Test Page</title>
	<meta charset="utf-8">

	<style type="text/css">
		.phan1 {
			color: white;
			text-align: justify;
			background-color: grey;
			text-decoration: none;
			text-indent: 20px;
			text-transform: capitalize;
			word-spacing: 5px;
			padding: 30px;
			margin: 100px;
			margin-top: 10px;
			margin-right: 50px;
			margin-left: 30px;
			border: solid red 3px;
			border-left: dotted blue 5px;
			border-top: none;
			/*opacity: 0.1;*/
		}	
	</style>
</head>
<body>
	<h1>&lt;ABC&gt;</h1>
	<div class="phan1">Suckhoedoisong.vn - Bản tin 18h ngày 30/1 của Chỉ đạo Quốc gia Phòng chống dịch COVID-19 cho biết có thêm 28 ca mắc mới COVID-19, trong đó 27 ca ở cộng đồng và 1 ca nhập cảnh được cách ly ngay.
Số ca mắc ở Việt Nam:

- Tính đến 18h ngày 30/01: Việt Nam có tổng cộng 901 ca mắc COVID-19 do lây nhiễm trong nước, trong đó số lượng ca mắc mới tính từ ngày 27/1 đến nay: 208 ca.

- Tính từ 6h đến 18h ngày 30/1: 28 ca mắc mới, trong đó có 1 ca nhập cảnh được cách ly ngay.

Thông tin ca mắc mới: 28 CA MẮC MỚI. Trong đó: 01 ca được cách ly ngay sau khi nhập cảnh tại thành phố Hồ Chí Minh và 27 ca lây nhiễm trong cộng đồng. Cụ thể:

- TP Hồ Chí Minh ghi nhận 01 ca bệnh được cách ly ngay sau khi nhập cảnh. Bệnh nhân nam, 47 tuổi, quốc tịch Mỹ, là chuyên gia.

Bệnh nhân từ Mỹ, quá cảnh Hàn Quốc, sau đó nhập cảnh Sân bay Tân Sơn Nhất ngày 28/01/2021. Kết quả xét nghiệm ngày 29/01/2021 dương tính với SARS-CoV-2.

- TP Hồ Chí Minh ghi nhận 01 ca bệnh, nam, 28 tuổi, có địa chỉ thường trú tại tỉnh Hải Dương và có tiền sử tiếp xúc với BN1612 là trường hợp mắc bệnh trước đó tại ổ dịch của Thành phố Chí Linh, tỉnh Hải Dương.

- Tỉnh Gia Lai ghi nhận 02 ca bệnh, là 2 vợ chồng, có địa chỉ thường trú tại thị xã Ayun Pa, tỉnh Gia Lai và có liên quan dịch tễ đến trường hợp mắc trước đó là BN1612 là trường hợp mắc bệnh trước đó tại ổ dịch của TP Chí Linh, tỉnh Hải Dương.</div>

<!-- FORM -->
<input type="text" name="fullname" placeholder="Enter fullname">
<input type="date">
<input type="time">
<input type="number">
<input type="password" placeholder="Enter password">
<input type="telno">
<input type="email">
<input type="color">
<textarea rows="5"></textarea>
<input type="button" name="abc" value="Add product">

<h1>Form Login</h1>
<form method="post">
	<label>Email:</label>
	<br/><br/>
	<input required="true" type="email" name="email" placeholder="Enter email">
	<br/><br/><br/>
	<label>Password:</label>
	<br/><br/>
	<input required="true" type="password" name="pwd" placeholder="Enter pwd">
	<br/><br/><br/>
	<button>Login</button>
</form>
</body>
</html>


#vidu.html


<!DOCTYPE html>
<html>
<head>
	<title>CSS Page</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<h1>Welcome to learn C</h1>
	<ul>
		<li class="text-blue text-large" style="font-size: 100px;">Bai hoc 1</li>
		<li class="text-blue text-small">Bai hoc 1</li>
		<li class="text-blue">Bai hoc 1</li>
		<li class="text-blue">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
		<li class="text-green" id="abc">Bai hoc 1</li>
	</ul>

	<h1>Welcome to learn HTML/CSS/JS</h1>
	<ul>
		<li class="text-blue">Bai hoc 1</li>
		<li class="text-blue">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
	</ul>
</body>
</html>


#vidu2.html


<!DOCTYPE html>
<html>
<head>
	<title>CSS Page</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<h1>Welcome to learn PHP</h1>
	<ul>
		<li class="text-blue text-large" style="font-size: 100px;">Bai hoc 1</li>
		<li class="text-blue text-small">Bai hoc 1</li>
		<li class="text-blue">Bai hoc 1</li>
		<li class="text-blue">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
		<li class="text-green" id="abc">Bai hoc 1</li>
	</ul>

	<h1>Welcome to learn SQL Server</h1>
	<ul>
		<li class="text-blue">Bai hoc 1</li>
		<li class="text-blue">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
		<li class="text-green">Bai hoc 1</li>
	</ul>
</body>
</html>


Tags:

Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)