By GokiSoft.com|
20:11 28/01/2021|
Học HTML5 - CSS3
[Share Code] Tìm hiểu thẻ căn bản trong HTML/CSS/JS
#guide.txt
- HTML
- Tools
- git
1) Lan dau
- git init
- git add -A
- git commit -m 'add project first'
- git remote add origin https://github.com/tranvandiep/C2010L.git
- git push -u origin master
- Dang nhap tai khoan -> day le github
2) Lan tiep theo
- git add -A
- git commit -m 'second commit'
- git push origin master
- github
- create project on github: C2010L
- heroku
-
#vidu.html
<!DOCTYPE html>
<html>
<head>
<title>Lesson 02 - HTML - Tutorial</title>
<meta charset="utf-8">
</head>
<body style="background-color: #98b8eb" id="top">
<!-- Heading -->
<h1>H1 Heading</h1>
<a href="#updating">next</a>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
<h6>H6 Heading</h6>
<!-- Phan 1 -->
<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 2 -->
<h3 id="updating">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>(5)</sup>
</p>
<!-- Phan 3 -->
<center>Welcome to learn HTML5/CSS/JS</center>
<p style="text-align: center;">
Welcome to learn HTML5/CSS/JS
</p>
<!-- Phan 4 -->
<h2>Days in a Week:</h2>
<!-- list-style-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRdHIRfjx-U5LnfxoBgDdjEpozLnIuCk_5fHw&usqp=CAU'); -->
<ol style="list-style-type: upper-alpha;">
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
<li>Wednesday</li>
<li>Thursday</li>
<li>Friday</li>
<li>Saturday</li>
</ol>
<!-- Phan 5 -->
<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>
<!-- Phan 6 -->
<p>
Click <a href="https://baomoi.com/" target="_blank" style="color: black; text-decoration: none;">Read News</a>
</p>
<p>
Send <a href="mailto:gokisoft.com@gmail.com">E-mail</a>
</p>
<p>
<a href="tel:1234567890">Call Us</a>
</p>
<!-- Phan 7 -->
<p>
<a href="vidu2.html">Next Page</a>
</p>
<!-- Phan 8 -->
<p>
<a href="#top">TOP</a>
</p>
</body>
</html>
#vidu2.html
<!DOCTYPE html>
<html>
<head>
<title>Vidu2 page</title>
<meta charset="utf-8">
</head>
<body>
<h1>Welcome to learn HTML5</h1>
<a href="vidu.html">Back</a>
</body>
</html>
#table.html
<!DOCTYPE html>
<html>
<head>
<title>Table page</title>
<meta charset="utf-8">
</head>
<body>
<table border="1" cellpadding="3" cellspacing="0">
<!-- Header -->
<thead>
<tr>
<th colspan="3">Student List</th>
</tr>
<tr>
<th>Name</th>
<th>Age</th>
<th>Place</th>
</tr>
</thead>
<!-- Content -->
<tbody>
<tr>
<td>A</td>
<td>20</td>
<td>Ha Noi</td>
</tr>
<tr>
<td>B</td>
<td>22</td>
<td>Nam Dinh</td>
</tr>
</tbody>
<!-- <tfoot>
<tr>
<th>Name</th>
<th>Age</th>
<th>Place</th>
</tr>
</tfoot> -->
</table>
</body>
</html>
Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)