By GokiSoft.com| 20:28 20/01/2022|
Học HTML5 - CSS3

[Video] Tìm hiểu thẻ căn bản trong HTML/CSS - Khóa học lập trình HTML/CSS/JS BT2782


#test.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Test Page</title>
</head>
<body>
<h1>Welcome to learn HTML/CSS</h1>

<p>
	<a href="mailto:gokisoft.com@gmail.com">Gui EMail</a>
</p>
<p>
	<a href="tel:0967025996">Goi Dien</a>
</p>
<p>
	<a href="https://gokisoft.com/">GokiSoft</a>
</p>

<!-- Phan 7 -->
<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 300px;">
<br/>
<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="min-width: 1000px; width: 100px;">
<br/>
<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="max-width: 300px; width: 1000px;">
<br/>
<!-- Phan 8 -->
<table border="1" cellpadding="5" cellspacing="0">
	<tr>
		<th>Roll No</th>
		<th>Name</th>
		<th>Total Mark</th>
		<th>Grade</th>
	</tr>
	<tr>
		<td>1</td>
		<td>A</td>
		<td>500</td>
		<td>B</td>
	</tr>
	<tr>
		<td>1</td>
		<td>A</td>
		<td>500</td>
		<td>B</td>
	</tr>
	<tr>
		<td>1</td>
		<td>A</td>
		<td>500</td>
		<td>B</td>
	</tr>
</table>

<br/>
<!-- Thiet ke nang cao table -->
<table border="1" cellpadding="5" cellspacing="0">
	<tr>
		<th>Roll No</th>
		<th>Name</th>
		<th>Total Mark</th>
		<th>Grade</th>
	</tr>
	<tr>
		<td rowspan="3">1</td>
		<td colspan="2">A</td>
		<td>B</td>
	</tr>
	<tr>
		<td>A</td>
		<td colspan="2" rowspan="2">500</td>
	</tr>
	<tr>
		<td>A</td>
	</tr>
</table>

<p>
	<a href="vidu.html">Back Page</a>
</p>
</body>
</html>


#vidu.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<title>HTML/CSS for beginer</title>
</head>
<!-- <body style="background-mau: #cdf2f7; background-image: url(https://2.bp.blogspot.com/-US809LjSqb8/VtUfR0l8QGI/AAAAAAAAA94/u2SBxF9QJgo/s1600/tet%2BVietnam%2B1.jpg); background-repeat: no-repeat; background-size: cover;"> -->
<body style="background-mau: #cdf2f7;">
<!-- Phan 1) Tim hieu tag h -->
<!-- chon may: google -> keyword: color picker -->
<h1 style="mau: #2897a8;">H1 Heading</h1>
<h2 style="mau: #19cae6">H2 Heading</h2>
<h3 style="mau: rgb(189, 26, 121);">H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
<h6>H6 Heading</h6>

<!-- Phan 2) u, i, b in html -->
<h2 style="background-mau: yellow;" title="Using HTML Formatting Elements">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/>
<br/>
ax<sup>2</sup> + bx + c = 0
<br/>
<label style="font-size: 100px; background-mau: yellow; mau: red;">log<sub>3</sub><sup>10</sup></label>

<!-- Phan 4 -->
<center>Xin chao</center>

<!-- Phan 5: group -->
<h2>Days in a Week:</h2>
<ol style="list-style-type: decimal;">
	<li>Sunday</li>
	<li>Monday</li>
	<li>Tuesday</li>
	<li>Wednesday</li>
	<li>Thursday</li>
	<li>Friday</li>
	<li>Saturday</li>
</ol>

<!-- Phan 6 -->
<h2>Features of EasyPad</h2>
<ul style="list-style-type: circle;">
	<li>Opens many files at a time</li>
	<li>Unlimited undo and redo</li>
	<li>Reads and writes both Windows and Unix files</li>
</ul>

<a href="test.html">Next Page</a>
<br/>
<a href="test.html" target="_self">Next Page</a>
<br/>
<a href="test.html" target="_blank">Next Page</a>
</body>
</html>


Tags:

Liên kết rút gọn:

https://gokisoft.com/2782

Bình luận