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)