Loạt tài liệu hướng dẫn học Lập Trình Web gồm:

- Thẻ <details> và <summary> thường được sử dụng kết hợp với nhau để tạo phần tử có dạng:

"chỉ hiển thị tiêu đề còn chi tiết thì bị ẩn, khi bấm vào tiêu đề thì chi tiết mới được hiển thị"
- Ví dụ:

Loạt tài liệu hướng dẫn học Lập Trình Web của chúng tôi bao gồm:

- Để sử dụng thẻ <details> và <summary>, chúng ta dùng cú pháp như sau:

<details> <summary>Tiêu đề</summary> Phần nội dung chi tiết bị ẩn </details>

Ví dụ

---

<details>
    <summary>Loạt tài liệu hướng dẫn học Lập Trình Web gồm:</summary>
    <ul>
        <li>Tài liệu học HTML</li>
        <li>Tài liệu học CSS</li>
        <li>Tài liệu học JavaScript</li>
        <li>Tài liệu học MySQL</li>
        <li>Tài liệu học PHP</li>
    </ul>
</details>

Xem ví dụ

- Chúng ta cũng có thể thêm thuộc tính open vào thẻ <details> để thiết lập phần nội dung chi tiết mặc định được hiển thị.

Ví dụ

---

<details open>
    <summary>Loạt tài liệu hướng dẫn học Lập Trình Web gồm:</summary>
    <ul>
        <li>Tài liệu học HTML</li>
        <li>Tài liệu học CSS</li>
        <li>Tài liệu học JavaScript</li>
        <li>Tài liệu học MySQL</li>
        <li>Tài liệu học PHP</li>
    </ul>
</details>

Xem ví dụ

- Hầu hết các trình duyệt sẽ hiển thị phần tử <details> & <summary> với định dạng CSS như sau:

details {
    display: block;
}

summary {
    display: block;
}

• Tài liệu học HTML
• Tài liệu học CSS
• Tài liệu học JavaScript
• Tài liệu học MySQL
• Tài liệu học PHP

Bảng Mã Màu CSS

d

BÁN CĂN HỘ MADISON QUẬN 1

Căn Hộ Madison Ngay Mặt Tiền Đường Thi Sách Trung Tâm Quận 1 - sở hữu một vị trí vàng vô cùng đắc địa ngay tại trung tâm Sài Gòn. 2 mặt tiền đường (Thị Sách – Cao Bá Quát)
Trong vòng bán kính từ 1 – 2km từ Dự án Căn hộ Madison quận 1 là các hệ thống Ngân Hàng, Hệ thống trường học quốc tế các cấp, Trường Đại Học, Hệ thống Bệnh Viện…Hơn nữa bạn chỉ mất từ 3 – 5 phút dễ dàng kết nối và di chuyển thuận tiện đến các khu vực quận huyện lân cận như ( Quận 2, 3, 4, 5, 6, 7, 8…Bình Thạnh, Phú Nhuận..) vô cùng thuận tiện và linh hoạt.

🔶 Chủ đầu tư : Công ty Cổ phần Nova Bắc Nam 79 thành viên Tập đoàn Novaland.
🔶 Vị trí : 15 Thi Sách, Quận 1, TP. HCM (Hai mặt tiền Thi Sách & Cao Bá Quát)
🔶 Tên dự án chính thức: Madison
🔶 Quy mô dự án : 2.360m2 gồm 3 tầng hầm và 17 tầng nổi, trong đó:
+ 3 tầng hầm để xe
+ Tầng trệt là khu tiện ích cộng đồng & đại sảnh
+ Tầng 2 – 3 – 4 là căn hộ dịch vụ cao cấp
+ Tầng 5 – 6 – 7 là căn hộ Officetel từ 31.7m2 – 63.79m2 (Từ 1 – 2 Phòng)
+ Tầng 8 – 16 là căn hộ thương mại cao cấp 6 sao
+ Tầng 17 (Tầng thượng) sử dụng cho các tiện ích cao cấp như : Hồ bơi tiêu chuẩn hơn 300m2, Gyms, Nhà hàng, Cafe sang trọng …
🔶 Loại hình đầu tư dự án Madison : Căn hộ cao cấp, Officetel, Văn phòng cho thuê…
🔶 Diện tích căn hộ:  Từ 69.1m2 – 109.9m2 (Từ 2 – 3 Phòng Ngủ)
🔶 Giá bán: Dự kiến dự án từ 6000USD – 8000USD/m2
🔶 Khởi công xây dựng: 29/09/2015
🔶 Dự kiến hoàn thành: Tháng 11/2018
🔶 Tiêu chuẩn bàn giao: Hoàn thiện cơ bản tiêu chuẩn 6 sao

Giá Bán Căn hộ Madison quận 1 như sau:
– Căn hộ 2 Phòng Ngủ:
+Căn số  2 (Từ 9,7 – 11,2 tỷ/căn)
+ Căn số 4, 5, 6 (Từ 11,91 tỷ – 12,1 tỷ/căn)
+ Căn số 8 (Từ 12,5 – 13,7 tỷ/căn)
+ Căn số 10, 11, 12 (Từ 9,14 – 14 tỷ/căn)
– Căn hộ 3 Phòng Ngủ
+ Căn số 1, 9 (Từ 13 – 16,2 tỷ/căn)
+ Căn số 3, 7 (Từ 15,3 – 17,6 tỷ/căn)

Để hiểu hơn về giá bán căn hộ Madison quý khách hàng vui lòng gọi Hotline : 0919462121 – 0919942121 để được nhân viên tư vấn kỹ hơn.

Slide chạy ảnh đẹp luôn là những điểm nhấn trên 1 Website, blog. Slide đó bạn có thể trình bày những thông tin nổi bật như bài viết, quảng cáo, hình ảnh đẹp...1 hiệu ứng Slide đẹp cũng góp phần làm tô điểm thêm cái đẹp và sống động của trang Web. Ở bài viết hôm nay mình giới thiệu tới các bạn Slideshow Jquery chạy ảnh.

Thẻ Table mới không giới hạn số cột và dòng. Tuy nhiên, để đạt hiệu quả cao hơn, các bạn nên dùng kèm thêm các thẻ sau:
table: Tạo bảng
tr : xuống hàng (row) mới

CODE HTML LÀM ẢNH HOẶC TEXT CHẠY TRÊN WEB, BLOG

Hiện nay, trên các trang website, hay blog điều có những dòng chữ hay những hình ảnh chay qua lại, lên xuống rất đẹp mắt. Để trang trí thêm cho trang cũng như là tiết kiệm được diện tích site của ta, hôm nay mình sẽ tổng hợp 1 số code cơ bản để các bạn có thể làm điều đó.

    1./Giới Thiệu 
Sau nhiều lần hẹn trước hẹn sau, thì mình cũng đã đặt ra được quyết tâm phải xây dựng xong một serie Học HTML Toàn Tập và một serie Học CSS ....

---

Font Awesome là một kiểu font giúp bạn chèn các icon vào trong trang web của bạn một cách dể dàng, nhanh, gọn lẹ mà không cần phải mất thời gian để thiết kế icon, nó là một thành phần mở rộng trong Bootstrap Framework.

Chữ chạy từ trái sang phải : 

<!DOCTYPE html>
<html>
<head>

1. Font, màu chữ, thụt vào đầu dòng (Dùng dòng 1 hay 2 đều như nhau)

<span style="color:#339966; font:12pt Tahoma; margin-left:12px;">Nội_dung</span>
<span style="color:#339966; font-family:Tahoma; font-size:12pt; margin-left:12px;">Nội_dung</span> 

HTML là gì?
HTML – viết tắt của cụm từ tiếng Anh: Hyper Text Markup Language, nghĩa là “ngôn ngữ đánh dấu siêu văn bản” – là một ngôn ngữ đánh dấu được thiết kế để chỉ rõ một trang Web được