[Share Code] Tìm hiểu về thẻ hyperlink, image, table trong HTML/CSS/JS - C2307L

#vidu1.html

Name: ZicZac: Thiết kế web & app & quản lý tồn kho
Address: Số 08 Tôn Thất Thuyết, Cầu Giấy, Hà Nội, Nam Từ Liêm, Hà Nội, 100000
Telephone: 0967025996
Price range: $$$

<!DOCTYPE html>
<html>
<head>
	<title>A tutorial</title>
	<meta charset="utf-8">
</head>
<body id="top">
<h1>Danh sach website</h1>
<ul>
	<li><a href="https://gokisoft.com" title="Click xem thong tin chi tiet web hoc" target="_self">gokisoft.com</a></li>
	<li><a href="https://google.com" target="_blank">google.com</a></li>
	<li>facebook.com</li>
	<li>baomoi.com</li>
	<li>dantri.com.vn</li>
</ul>
<h1>Thong tin nguoi dung</h1>
<ul>
	<li>Ho ten: TRAN VAN A</li>
	<li>SDT: <a href="tel:0123456789">0123456789</a></li>
	<li>Email: <a href="mailto:gokisoft.com@gmail.com">gokisoft.com@gmail.com</a></li>
</ul>
<p><a href="#xinchao">Go to Xin Chao</a></p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h2 id="xinchao">Xin chao</h2>
<p>
	<a href="#top">Top</a>
</p>
</body>
</html>

#vidu2.html

<!DOCTYPE html>
<html>
<head>
	<title>Image tutorial</title>
	<meta charset="utf-8">
</head>
<body>
<img src="https://i.natgeofe.com/n/5f35194b-af37-4f45-a14d-60925b280986/NationalGeographic_2731043_4x3.jpg" style="width: 500px; height: 200px; object-fit: contain;background-color: green; max-width: 300px; min-width: 200px;">
<!-- Padding -->
<!-- padding: 20px -->
<!-- padding-top: 50px; padding-bottom: 20px; padding-left: 80px; padding-right: 300px -->
<!-- padding: 50px 20px 200px 800px: top right bottom left -->
<!-- padding: 20px 100px: (top & bottom) - (left & right) -->
<!-- margin -->
<!-- margin: 20px -->
<div style="border: solid 2px blue;">
	<div style="border: solid 2px red; padding: 20px 100px; margin-top: 30px; margin-bottom: 100px; margin-left: 50px; margin-right: 80px">
		Từ 3h chiều đến tối nay, trên địa bàn xã bắt đầu mưa to và kéo dài. Ông Ngô Thành Tâm, Phó Chủ tịch UBND xã Hòa Liên, huyện Hòa Vang, thành phố Đà Nẵng cho biết, hiện, đường tỉnh 601 ngay trước khu vực UBND xã ngập cục bộ không thể đi lại. Xã Hòa Liên đã cử lực lượng dân quân dùng hàng rào sắt chặn khu vực này không để bà con qua lại. Ngoài ra, tại xã Hòa Liên còn có 2 thôn là Trung Sơn và Quang Nam nước cũng đang dâng cao, nguy cơ chia cắt. Hiện, xã Hòa Liên theo dõi sát tình hình mưa lũ và sẵn sàng di dời dân nếu nước tiếp tục dâng cao. (Ảnh:Cổng khu công nghiệp Hòa Khánh nước ngập gây khó khăn khi lưu thông).
	</div>
</div>
<img src="https://i.natgeofe.com/n/5f35194b-af37-4f45-a14d-60925b280986/NationalGeographic_2731043_4x3.jpg" style="width: 500px; height: 500px; object-fit: cover; border-radius: 50%;">
</body>
</html>

#vidu3.html

<!DOCTYPE html>
<html>
<head>
	<title>Table tutorial</title>
	<meta charset="utf-8">
</head>
<body>
<table border="1">
	<tr>
		<th style="width: 50px; background-color: orange">No</th>
		<th style="width: 200px; background-color: orange">Full Name</th>
		<th style="width: 100px; background-color: orange">Position</th>
		<th style="width: 100px; background-color: orange">Salary</th>
	</tr>
	<tr>
		<td>1</td>
		<td>A</td>
		<td>Dev</td>
		<td>1000$</td>
	</tr>
	<tr>
		<td>2</td>
		<td>B</td>
		<td>Project Manager</td>
		<td>5000$</td>
	</tr>
</table>

<br/>
<br/>
<br/>
<br/>
<table border="1">
	<tr>
		<td rowspan="6" style="width: 300px; text-align: center;">Student Information</td>
		<td rowspan="2">Name</td>
		<td colspan="2">Address</td>
	</tr>
	<tr>
		<td>City</td>
		<td>House No</td>
	</tr>
	<tr>
		<td>A</td>
		<td>HND</td>
		<td>1</td>
	</tr>
	<tr>
		<td>B</td>
		<td>HND</td>
		<td>2</td>
	</tr>
	<tr>
		<td>C</td>
		<td>HND</td>
		<td>1</td>
	</tr>
	<tr>
		<td>D</td>
		<td>HND</td>
		<td>1</td>
	</tr>
</table>
</body>
</html>

[Share Code] Tìm hiểu về thẻ hyperlink, image, table trong HTML/CSS/JS - C2307L

#vidu1.html

#vidu2.html

#vidu3.html

Tags:

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

5

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó