NTM Solutions

Bài đăng nổi bật

🚀 Laravel 12 (2026) — Từ PHP Core đến Full Stack📘

Nếu cập nhật theo Laravel 12 LTS (2026) thì mình sẽ chia thành các phần như sau để người học đi từ PHP Core → Laravel → Triển khai dự án th...

Chủ Nhật, 4 tháng 12, 2016

Khóa học HTML - Bài 20 - Ký tự đặc biệt và biểu tượng

Ký tự đặc biệt trong HTML

01 vài ký tự đặc biệt trong HTML như dấu < hay > nếu xuất hiện trong văn bản có thể làm trình duyệt nhầm lẫn với thẻ tag.

Tổ hợp ký tự được dùng thay thế cho các ký tự đặc biệt như vậy.
01 tổ hợp ký tự sẽ trông như thế này:
&tên;
HOẶC
&#mã số;
Để hiển thị dấu (<) chúng ta phải gõ: &lt; hoặc &#60;
Tên thì dễ nhớ hơn nhưng không phải ký tự đặc biệt nào cũng được trình duyệt hỗ trợ như thế.Trong khi mã số sẽ được trình duyệt hỗ trợ toàn bộ.

Dấu khoảng trắng

01 tổ hợp ký tự thường được dùng trong HTML là dấu khoảng trắng: &nbsp;

01 dấu khoảng trắng sẽ không tạo ngắt (xuống hàng) dòng mới.

01 khoảng trắng xuất hiện giữa 02 từ sẽ không tạo xuống dòng.

Ví dụ:
  • § 10
  • 10 km/h
  • 10 PM
Xem tiếp »
at Không có nhận xét nào:
Labels: , ,

Khóa học HTML - Bài 19 - Xử lý hiển thị trên các thiết bị

Thiết kế trang web có thể tương tác là gì?

Trang web được thiết kế tương tác làm cho nó có thể hiển thị tốt trên nhiều môi trường thiết bị khác nhau. (desktops, máy tính bảng, và điện thoại).

Thiết kế web tương tác là sử dụng CSS và HTML để định lại kích thước, ẩn, co lại, phóng lớn, hoặc di chuyển nội dung làm nó vừa với nhiều cỡ màn hình:

Xem tiếp »
at Không có nhận xét nào:
Labels: , ,

Khóa học HTML - Bài 18 - Xử lý LAYOUT

Phần tử trong HTML Layout

Các trang web hiện nay thường hiển thị nội dung trên nhiều cột (như các trang tin tức).
HTML5 đưa ra định nghĩa mới về các phần trên trang web :

  • <header> - Định phần đầu của trang web
  • <nav> - Định phần chứa các liên kết điều hướng(menu)
  • <section> - Chứa các phần văn bản
  • <article> - Chứa mục bài viết
  • <aside> - Chứa phần thanh 02 bên trái và phải
  • <footer> - Chứa phần cuối trang web
  • <details> - Chứa các chi tiết bổ sung
  • <summary> - Chứa tiêu đề của phần <details>

Các kỹ thuật trong HTML

Có 04 kỹ thuật để tạo trang web có nhiều cột. Mỗi cách đều có ưu và nhược:
  • Bảng HTML
  • Dùng thuộc tính CSS float
  • CSS framework
  • CSS flexbox
Xem tiếp »
at Không có nhận xét nào:
Labels: , ,

Khóa học HTML - Bài 17 - Thẻ HEAD

Các phần tử trong thẻ <head>

Thẻ
Mô tả
Xác định thông tin về trang web
Phần tiêu đề trang web hiển thị trên trình duyệt (thanh tiêu đề)
Xác định địa chỉ mặc định hoặc 01 target cho tất cả liên kết trên trang web.
Xác định liên kết giữa 01 văn bản và 01 tài liệu bên ngoài.
Xác định metadata về 01 tài liệu HTML.
Xác định 01 đoạn script trên máy người dùng.
Định kiểu dáng cho trang web.

Thẻ <head> là thẻ chứa thông tin metadata (thông tin dữ liệu) và được đặt giữa thẻ <html> và thẻ <body>.

HTML metadata chứa thông tin về văn bản HTML. Metadata không được hiển thị trên trình duyệt web.

Metadata thường dùng xác định tiêu đề, kiểu ký tự, kiểu định dạng, liên kết, scripts, và các thông tin meta khác.

Các thẻ sau thường được dùng trong phần metadata: <title>, <style>, <meta>, <link>, <script>, và <base>.
Xem tiếp »
at Không có nhận xét nào:
Labels: , ,

Khóa học HTML - Bài 16 - Giới thiệu JavaScript

Thẻ Script

Thẻ
Mô tả
Xác định 01 đoạn script chứa trong máy người dùng web.
Xác định 01 đoạn script hoán đổi.

JavaScript làm cho trang web "động" và tương tác được với người dùng.

Thẻ <script>

Dùng để xác định 01 đoạn script trên máy người sử dụng (JavaScript).
Thẻ <script> cùng được dùng để trỏ đến 1 file script lưu riêng.
Tác dụng của JavaScript thường để xử lý hình ảnh, xác minh các giá trị trong form, và các nội dung động.
Đoạn JavaScript sau sẽ viết ra màn hình câu "Hello JavaScript!" tại thẻ HTML có thuộc tính id="demo":

Ví dụ:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";</script>

Xem tiếp »
at Không có nhận xét nào:
Labels: , ,
Đăng ký: Bài đăng (Atom)
Facebook Youtube RSS