By GokiSoft.com|
21:04 11/10/2023|
Học HTML5 - CSS3
[Share Code] Tìm hiểu tạo HTML đầu tiên - C2307L
#readme.txt
Nội dung kiến thức:
- HTML5 & CSS
- JS (Javascript - jQeury)
-> Thiết kế giao diện
Phát triển web:
- Web tĩnh: page tĩnh
- Có nội dung không bị thay đổi theo thời gian
- HTML/CSS/JS
- Web động
- Nội dung bị thay đổi
Triển khải 2 phần:
- frontend: HTML/CSS/JS
- backend: chạy ở phía server -> Tạo ra nội dung cho từng page (PHP/Laravel) + SQL Server
1) IDE: sublime text, web storm, visual studio, jetbrain, ...
2) HTML/CSS/JS -> Ngôn ngữ gì?
-> Được việt cho browser (chrome, coccoc, firefox, ...) -> browser biên dịch và chạy
3) HTML/CSS/JS cách học
- Học thuộc và ghi nhớ nhiều
- Thực hành & viết nhiều ví dụ -> Tự nhớ
4) Tài liệu học
- https://gokisoft.com/html-symbols-cac-bieu-tuong-trong-html.html
- https://www.w3schools.com/html/default.asp
- Google
5) Chú ý:
- Làm theo ví dụ -> Tập cách ghi nhơ
- Đơn giản vấn đề -> Dễ học
====================================================================
Bài học 1:
- Tạo page đầu tiên#vidu.html
<!-- Noi dung chú thích -->
<!-- Khai báo vs trình duyệt web biết -> Đây là tài liệu HTML -->
<!DOCTYPE html>
<!-- tag (thẻ):html, head, title, body, h1, ... -->
<!-- html: thẻ to nhất -->
<!-- <html> gọi là thẻ mở -->
<html>
<!-- head: thẻ mở -->
<head>
<title>HTML5 tutorial</title>
<meta charset="utf-8">
<!-- </head> thẻ đóng -->
</head>
<body>
<!-- Thẻ căn bản trong HTML -->
<h1>Xin Chao</h1>
<h2>Xin Chao</h2>
<h3>Xin Chao</h3>
<h4>Xin Chao</h4>
<h5>Xin Chao</h5>
<h6>Xin Chao</h6>
<h7>Xin Chao</h7>
<h8>Xin Chao</h8>
<!-- 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>3</sub><sup>5</sup>
</p>
<!-- Can ra giua -->
<p>
<center>Xin Chao</center>
</p>
<!-- Phan 4 -->
<h2>Days in a Week:</h2>
<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 title="Xin Chao ABC">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>
</body>
<!-- </html> gọi là thẻ đóng -->
</html>Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)
GokiSoft.com
2023-10-11 14:01:52
#loai-ga-go-den-tuyen-an-minh-duoi-rung-thong-scotland-1545733754.jpg
https://gokisoft.com/uploads/stores/49/2023/10/loai-ga-go-den-tuyen-an-minh-duoi-rung-thong-scotland-1545733754.jpg#vidu.html
<!-- Noi dung chú thích -->
<!-- Khai báo vs trình duyệt web biết -> Đây là tài liệu HTML -->
<!DOCTYPE html>
<!-- tag (thẻ):html, head, title, body, h1, ... -->
<!-- html: thẻ to nhất -->
<!-- <html> gọi là thẻ mở -->
<html>
<!-- head: thẻ mở -->
<head>
<title>HTML5 tutorial</title>
<meta charset="utf-8">
<!-- </head> thẻ đóng -->
</head>
<body style="background-color: orange; background-image: url(https://www.educationcorner.com/images/featured-importance-education.png); background-repeat: no-repeat; background-size: contain;">
<!-- Thẻ căn bản trong HTML -->
<h1>Xin Chao</h1>
<h2>Xin Chao</h2>
<h3>Xin Chao</h3>
<h4>Xin Chao</h4>
<h5>Xin Chao</h5>
<h6>Xin Chao</h6>
<h7>Xin Chao</h7>
<h8>Xin Chao</h8>
<!-- Phan 2 -->
<h2 style="background: yellow">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 style="background-color: green">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>3</sub><sup>5</sup>
</p>
<!-- Can ra giua -->
<p>
<center>Xin Chao</center>
</p>
<!-- Phan 4 -->
<h2 style="color: #38a8e0; font-size: 50px">Days in a Week:</h2>
<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 title="Xin Chao ABC">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>
<!-- img -->
<img src="https://iv.vnecdn.net/vnexpress/images/web/2018/12/25/loai-ga-go-den-tuyen-an-minh-duoi-rung-thong-scotland-1545733754.jpg" alt="Nghia la gi???" style="width: 500px;">
<img src="loai-ga-go-den-tuyen-an-minh-duoi-rung-thong-scotland-1545733754.jpg">
<img src="photos/1.jpg">
</body>
<!-- </html> gọi là thẻ đóng -->
</html>
