
Văn bản trong HTML
Thẻ <p> xác định một đoạn văn bản trong HTML: <p>Đây là đoạn văn 1.</p> <p>Đây là đoạn văn 2.</p> Lưu ý: Các trình duyệt sẽ tự động thêm khoảng trắng trước và sau một đoạn văn. Hiển thị trong HTML Bạn không thể chắc chắn ...

Các loại dữ liệu trong JavaScript
Các biến JavaScript có thể chứa nhiều loại dữ liệu: số, chuỗi, đối tượng…: var length = 16; // Number var lastName = “Johnson”; // String var x = {firstName:”John”, ...

Bố cục website trong CSS
Bố cụ website Một website thường được chia thành phần header, thanh menu, nội dung và phần footer. Có rất nhiều kiểu thiết kế website, tuy nhiên về cơ bản cấu trúc trên được sử dụng nhiều nhất. Trong bài viết này sẽ phân tích bố cục web như trên. Header ...

Tìm hiểu Random trong JavaScript
Math.random() Math.random() trả về một số ngẫu nhiên từ 0 và 1: Math.random(); // returns a random number Math.random() luôn luôn trả về một giá trị nhỏ hơn 1. Số nguyên ngẫu nhiên trong JavaScript Math.random() được sử dụng với ...

Bố cục trong CSS – float và clear
Thuộc tính float xác định phần tử có được trôi nổi. Thuộc tính clear dùng để điều chỉnh các phần tử đang trôi nổi. Thuộc tính float Đơn giản nhất, thuộc tính float có thể được dùng để bao quanh văn bản xung quanh hình ảnh. Ví dụ dưới đây xác định hình ảnh ...

Các đối tượng trong JavaScript
Trong đời thực, một chiếc xe hơi là một vật thể. Một chiếc xe có các tính chất như trọng lượng và màu sắc, và các phương pháp như bắt đầu và dừng lại: Đối tượng Tính chất Phương thức car.name = Fiat car.start() car.model = 500 ...

Một số ví dụ về HTML cơ bản
Bài học dưới đây sẽ sử dụng một số thẻ HTML mà bạn có thể chưa được học. Tuy nhiên đừng quá lo lắng, trong những chương tiếp theo bạn sẽ lần lượt được làm quen với các thẻ này. Tài liệu HTML Mọi tệp tin HTML đều được khai báo bằng dòng lệnh <!DOCTYPE ...

Bố cục trong CSS – width và max-width
Cách sử dụng awidth, max-awidth và margin: auto; Như bạn đã biết, một phần tử block-level luôn chiếm toàn bộ chiều rộng cho phép (trải từ trái sang phải). Thiết lập thuộc tính awidth cho phần tử block-level sẽ ngăn không cho phần tử trải toàn bộ chiều rộng. Phần ...

Các hàm trong JavaScript
Một hàm JavaScript là một khối mã được thiết kế để thực hiện một tác vụ cụ thể. Một hàm JavaScript được thực hiện khi “cái gì đó” gọi nó. function myFunction(p1, p2) { return p1 * p2; // The function returns the product of p1 and p2 } ...

Hình sprit trong CSS
Hình sprite Một hình ảnh sprite là một tập hợp các hình đưa vào một hình ảnh duy nhất. Trang web có nhiều hình ảnh có thể mất nhiều thời gian để tải và tạo ra nhiều yêu cầu của máy chủ. Sử dụng hình ảnh sprites sẽ giảm số yêu cầu của máy chủ và tiết kiệm băng ...

Thẻ Heading trong HTML
Heading (tiêu đề) là một yếu tố quan trọng trong tài liệu HTML. Heading trong HTML Heading được định nghĩa bằng các thẻ <h1> đến <h6>. <h1> xác định tiêu đề quan trọng nhất, giá trị giảm dần đến <h6>. Ví dụ: <h1>Đây là ...

Hiệu ứng dropdown trong CSS
Hiệu ứng dropdown cơ bản Để tạo một hộp xổ xuống (dropdown box) khi người dùng trỏ chuột vào phần tử, bạn có thể tham khảo mã CSS dưới đây: <style> .dropdown { position: relative; display: inline-block; } .dropdown-content { display: ...

Các thông tin bắt buộc trong PHP
Bài viết này sẽ chỉ cho bạn thấy cách tạo dữ liệu đầu vào bắt buộc phải điền đầy đủ và thiết lập thông báo lỗi cho người dùng khi cần thiết. Thông tin bắt buộc trong PHP Từ bảng quy tắc đã được xác định trong bài trước, chúng ta thấy rằng : “ ...

Bố cục trong CSS – thuộc tính position
Thuộc tính position xác định loại phương thức định vị được sử dụng cho một phần tử (tĩnh, tương đối, cố định hoặc tuyệt đối). Thuộc tính position Thuộc tính position xác định loại phương thức định vị được sử dụng cho phần tử. Có 4 giá trị định vị như sau: ...

Thư viện ảnh trong CSS
CSS có thể được sử dụng để tạo một thư viện ảnh. Thư viện ảnh Thư viện ảnh sau đây được tạo bởi CSS: <html> <head> <style> div.gallery { margin: 5px; border: 1px solid #ccc; float: left; awidth: ...

Các Pseudo-Element trong CSS
Các Pseudo-Element là gì? Pseudo-element trong CSS được dùng để định dạng một phần đặc biệt của phần tử. Ví dụ chúng được sử dụng để: Định dạng chữ hoặc dòng đầu tiên của phần tử Chèn nội dung vào trước hoặc sau nội dung của phần tử Cú pháp Cú pháp của ...

Box Model trong CSS
Mọi phần tử HTML đều có thể được coi là boxes (hộp). Trong CSS, thuật ngữ “box model” được sử dụng khi nói về thiết kế và bố cục. CSS box model hiểu nôm na là hộp bao quanh mỗi phần tử HTML. Nó bao gồm margin, đường viền, padding và nội dung phần tử. ...

Các câu lệnh trong JavaScript
Trong HTML, các câu lệnh JavaScript là “lệnh” được “thực hiện” bởi trình duyệt web. Các câu lệnh trong JavaScript Câu lệnh này nói với trình duyệt viết “Hello Dolly”. Bên trong một phần tử HTML với id = “demo”: ...

Các chuỗi trong JavaScript
Chuỗi JavaScript được sử dụng để lưu trữ và thao tác văn bản. Một chuỗi JavaScript đơn giản lưu trữ một loạt các ký tự như “John Doe”. Một chuỗi có thể là bất kỳ văn bản bên trong dấu ngoặc kép. Bạn có thể sử dụng dấu ngoặc kép đơn hoặc kép: var ...

Thuộc tính height và width trong CSS
Thiết lập thuộc tính height và awidth Thuộc tính height và awidth được sử dụng để xác định chiều cao và chiều rộng của phần tử. Thuộc tính height và awidth có thể để auto (mặc đinh, nghĩa là trình duyệt sẽ tự điều chỉnh chiều cao và chiều rộng). Hoặc xác định ...