By GokiSoft.com| 15:38 22/12/2021|
Học HTML5 - CSS3

[Video] Tìm hiểu các thẻ căn bản trong HTML + Table trong HTML - Khóa học HTML/CSS - C2110I


#table.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Table HTML</title>
</head>
<body>
	<table border="1" cellpadding="5">
		<tr>
			<th>CSS Property</th>
			<th>Internet Explorer</th>
			<th>FireFox</th>
			<th>Chrome</th>
			<th>Safari</th>
			<th>Opera</th>
		</tr>
		<tr>
			<th>Border Radius</th>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
		</tr>
		<tr>
			<th>Border Radius</th>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
		</tr>
	</table>
	<br/><br/>
	<table border="1" cellpadding="5">
		<thead>
			<tr>
				<th>CSS Property</th>
				<th>Internet Explorer</th>
				<th>FireFox</th>
				<th>Chrome</th>
				<th>Safari</th>
				<th>Opera</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<th>Border Radius</th>
				<td>Yes</td>
				<td>Yes</td>
				<td>Yes</td>
				<td>Yes</td>
				<td>Yes</td>
			</tr>
			<tr>
				<th>Border Radius</th>
				<td>Yes</td>
				<td>Yes</td>
				<td>Yes</td>
				<td>Yes</td>
				<td>Yes</td>
			</tr>
		</tbody>
	</table>
	<br/><br/>
	<table border="1" cellpadding="5">
		<tr>
			<th rowspan="2">CSS Property</th>
			<th colspan="2">Internet Explorer</th>
			<th colspan="2">Chrome</th>
			<th rowspan="3">Opera</th>
		</tr>
		<tr>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
		</tr>
		<tr>
			<th>Border Radius</th>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
			<td>Yes</td>
		</tr>
	</table>
</body>
</html>


#vidu.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>HTML for beginer</title>
</head>
<!-- <body style="background-color: #c6f5f1; background-image: url(https://thumbs.dreamstime.com/b/christmas-tree-snow-background-gorgeous-elegant-gifts-red-silver-panoramic-62309406.jpg); background-size: cover; background-repeat: no-repeat;"> -->
<body style="background-color: #c6f5f1;">
	<!-- Phan 1: Heading -->
	<h1>H1 Heading</h1>
	<h2>H2 Heading</h2>
	<h3>H3 Heading</h3>
	<h4>H4 Heading</h4>
	<h5>H5 Heading</h5>
	<h6>H6 Heading</h6>

	<!-- Phan 2 -->
	<h2>Using HTML Formatting Elements</h2><br>
	<b>This text is displayed in bold.</b><br>
	<i>This text is displayed in italic.</i><br>
	<u>This text is underlined.</u><br>
	<small>This text is displayed smaller.</small>

	<!-- Phan 3 -->
	<h3>Updating, Emphasizing, and Shifting Text</h3>
	This is an example of <del>deleted</del> <ins>inserted
	</ins> text.<br/>
	The is an example of <strong>Strong</strong> text.<br/>
	The is an example of <sub>subscript</sub>text.<br/>
	The is an example of <sup>superscript</sup> text.<br/>
	<p>
		ax<sup>2</sup> + bx + c = 0
	</p>
	<p>
		log<sub>2</sub><sup>10</sup>
	</p>
	<p>
		<center style="background-color: rgb(236, 245, 208, 0.3);">Sinh Vien Aptech - 54 Le Thanh Nghi</center>
	</p>

	<!-- Phan 4 -->
	sinh <br/>vien <p>aptech</p> 54 le thanh nghi

	<!-- Phan 5 -->
	<ol style="list-style-type: lower-roman; background-color: #ecf5d0;">
		<li>Sunday</li>
		<li>Monday</li>
		<li>Tuesday</li>
		<li>Wednesday</li>
		<li>Thursday</li>
		<li>Friday</li>
		<li>Saturday</li>
	</ol>

	<ul style="list-style-type: upper-alpha; background-color: yellow;">
		<li>Sunday</li>
		<li>Monday</li>
		<li>Tuesday</li>
		<li>Wednesday</li>
		<li>Thursday</li>
		<li>Friday</li>
		<li>Saturday</li>
	</ul>
</body>
</html>


#vidu2.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>HyperLink HTML</title>
</head>
<body>
<a href="https://gokisoft.com">Go to GokiSoft</a>
<br/>
<a href="https://gokisoft.com" target="_blank">Go to GokiSoft</a>
<br/>
<a href="https://gokisoft.com" target="_self">Go to GokiSoft</a>
<br/>
<a href="mailto:gokisoft.com@gmail.com">Gui Mail gokisoft.com@gmail.com</a>
<br/>
<a href="tel:0967025996">Goi Dien</a>
<br/>
<a href="zalo:0967025996">Chat Zalo</a>
<br/>
<a href="https://zalo.me/0967025996">Chat Zalo</a>
</body>
</html>


Tags:



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

5

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

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

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