Cú pháp của CSS: phân tách rõ ràng bộ chọn, khai báo, thuộc tính, giá trị

Giống như bất kỳ ngôn ngữ nào, CSS cũng có cú pháp riêng của nó. Cú pháp của CSS không phức tạp, nó rõ ràng và khoa học. Kiến thức trong bài này tuy cơ bản nhưng quan trọng, giúp chúng ta rất nhiều nếu muốn học sâu hơn. Đây là một mẫu code CSS chuẩn: p chính là thẻ p – là thẻ được chọn để tác động bằng CSS còn được gọi là selector. Ngoài cách dùng tên thẻ trong HTML, bạn cũng có thể dùng id hoặc class của thẻ đó để tác động. Một cách tổng quát, người …

Đọc thêm

Thẻ style trong HTML – kẻ thuê trang điểm tại gia!

Cũng giống như đa số các thẻ HTML khác, thẻ <style> bắt đầu với thẻ mở và kết thúc bằng thẻ đóng, tuy nhiên, vị trí đặt thẻ style thì có đôi chút đặt biệt, thẻ này phải được lồng bên trong thẻ <head> (giờ đây quy định này đã lỏng hơn rồi). Code mẫu: Kết quả của đoạn code trên: Tiêu đề bài viết Nội dung bài viết Đặc điểm của thẻ style: Được hỗ trợ bởi tất cả các trình duyệt. Thẻ mở có thêm đoạn code: type=”text/css” để xác định nó được dùng vào việc định kiểu CSS (trang …

Đọc thêm

Các thẻ HTML – ngô khoai không lẫn lộn

Tài liệu HTML được định nghĩa bởi các thẻ HTML. Các thẻ HTML bao giờ cũng bắt đầu bằng thẻ mở và kết thúc bằng thẻ đóng, chỉ có một vài thẻ hiếm mới không có thẻ đóng rõ ràng. Ví dụ minh họa dưới đây sẽ làm bạn hiểu rõ hơn: Thẻ mở Nội dung Thẻ đóng <a href=”freehost.page”> Link trang chủ </a> <h1> Văn bản tiêu đề </h1> <br>  Thẻ xuống dòng  Không cần thẻ đóng Các đặc điểm của thẻ HTML: Mục đích của các thẻ HTML là để làm trang web có cấu trúc rõ ràng… …

Đọc thêm

Chống hotlink bằng .htaccess – giúp tránh bị câu mất băng thông

Đi hotlink tức là lồng nội dung của người khác vào trang web của mình, nếu một trang web nào đó hotlink từ trang của bạn thì họ sẽ đỡ tốn băng thông, còn bạn thì ngược lại – bị mất oan. Thực ra nếu host của bạn đủ mạnh thì cho họ hotlink cũng không sao – bạn thấy các trang lớn như vnexpress, dantri, vietnamnet đều cho hotlink hình ảnh thoải mái và điều ấy có khi còn tốt ở mức độ nào đó về mặt quảng bá… nhưng vấn đề là đa số người đang đọc bài …

Đọc thêm

Thẻ span trong HTML – nhiều thú vị bất ngờ

Thẻ span là thẻ khá đặc biệt trong HTML, theo mặc định đoạn văn bản trong cặp thẻ span không bị thay đổi bất cứ điều gì – do vậy nó còn được gọi là thẻ trung tính. Sự thay đổi chỉ xảy đến khi bạn tác động đến thẻ span thông qua CSS. Ngoài ra thẻ này nằm trong nhóm inline. Điểm mạnh của thẻ span chính ở tính chất trung tính của của nó. Giờ chúng ta tiến hành một số thí nghiệm sau, đầu tiên bạn hãy làm cho từng chữ bên dưới có màu với tên …

Đọc thêm

Thẻ doctype và HTML: cặp đôi hoàn cảnh!

Thẻ <!DOCTYPE> không phải là một thẻ HTML, nhưng nếu buộc phải chọn 3 thẻ quan trọng nhất trong một trang HTML thì với tôi <!DOCTYPE> luôn chiếm một vị trí chắc chắn. Đặc điểm của thẻ <!DOCTYPE>: Được dùng để thông báo cho trình duyệt biết phiên bản ngôn ngữ HTML nào đang được sử dụng, nhờ đó trình duyệt biên dịch mã được chính xác; Rất quan trọng nhưng lại ít khi được để ý, đặc biệt là với người mới viết HTML; Luôn đứng ở vị trí đầu tiên trong trang HTML – trước cả thẻ mở …

Đọc thêm

Thẻ xuống dòng br trong HTML – mã đơn giản ngăn cách đôi bờ

Để xuống dòng trong HTML ta dùng thẻ <br> – viết tắt của từ break. Đây là đoạn code mẫu: Và đây là kết quả của đoạn mã trên: Thân em như quả mít trên câyDa nó xù xì, múi nó dầy Quân tử có thương thì đóng cọc, Xin đừng mân mó, nhựa ra taỵ Thẻ <br> thì dùng trong HTML, còn thẻ <br /> dùng trong XHTML. Nên bạn cần biết đúng loại ngôn ngữ đang sử dụng, xem thẻ !DOCTYPE ngay đầu trang là bạn sẽ thấy. Có thể hạn chế việc sử dụng thẻ xuống dòng nhiều …

Đọc thêm

Thẻ comment trong HTML – giúp mã của bạn dễ theo dõi hơn

Thẻ comment dịch sang tiếng Việt là thẻ chú thích. Thẻ này có tác dụng giúp mã HTML của bạn rõ ràng hơn. Đây là đoạn mã của thẻ chú thích: Đặc điểm: Chú ý thẻ mở của thẻ comment có dấu chấm cảm. Nội dung trong thẻ comment sẽ không hiển thị cho người duyệt web thấy. Chỉ khi xem mã nguồn HTML mới thấy nội dung này. Mã HTML càng phức tạp thì càng cần phải chú thích – nó sẽ giúp bạn dễ dàng sửa lỗi, cũng như khi làm việc nhóm, những người làm sau cũng …

Đọc thêm

Cách dùng thẻ table trong HTML – hàng nào lối đấy…

Thẻ <table> là một trong các thẻ phổ biến của HTML, nó hay được dùng để tạo ra các hàng và cột dữ liệu có liên hệ với nhau. Nếu từng biết đến Excel thì chắc chắn bạn cũng không lạ gì khái niệm bảng (table). Đây là một ví dụ về bảng: Họ tên Tuổi Quê quán Nguyễn Đức Anh 26 Hà Nội Code mẫu cho bảng trên: Bảng bắt đầu bằng thẻ mở <table> và kết thúc bằng thẻ đóng </table> <tr> là viết tắt của table row, nó có nghĩa là hàng của bảng. Trong ví dụ …

Đọc thêm

Thẻ H1 tới thẻ H6 trong HTML – từ vua quan cho đến thứ dân

Các thẻ từ h1, h2 cho đến h6 dùng để định nghĩa các tiêu đề, h1 dùng cho tiêu đề quan trọng nhất, h2 dùng cho tiêu đề quan trọng thứ hai, cho đến h6 dùng cho tiêu đề ít quan trọng nhất. Dưới đây là đoạn code được chụp từ một bài viết từ trang Vnexpress: Bạn có thế thấy tên của bài viết được sử dụng thẻ h1, đoạn xem trước nội dung sử dụng thẻ h2 ít quan trọng hơn. Cách sử dụng thẻ tiêu đề h rất đơn giản, đây là code mẫu: Đoạn ở trên …

Đọc thêm