Mục Lục
Mục Lục
Nhập Môn HTML Video Giới thiệu về lập trình web - HTML/CSS Video Hướng dẫn tạo ra 1 trang web đơn giản nhất - HTML/CSS Video Hướng dẫn debug/test/develop trên trình duyệt web -HTML/CSS Bài tập - Tạo website giới thiệu thông tin cá nhân - profile page - Lập trình HTML/CSS/JS Tìm Hiểu Thẻ HTML5 Video Formatting Text using Tags - html tags Thiết kế trang web Vincent State School - Lập trình html5 / css / javascript Video Creating Hyperlinks and Anchors (phần 1) - html tags Video Creating Hyperlinks and Anchors (phần 2) - html tags Video Cách dùng thẻ img và map để hiển thị hình ảnh html - HTML/CSS Video Tìm hiểu về đường dẫn file (path file) trong HTML/CSS Thiết kế website quản lý showroom - galaxy - Lập trình HTML5/CSS/Javascript CSS Video Tìm hiểu thuộc tính trong thẻ html Video Giới thiệu CSS & Sử dụng các thuộc tính cơ bản Video Hướng dẫn tách biệt CSS và HTML Video Xử lý Event trong CSS (:hover, :active, :link, ...) - Lập trinh HTML/CSS Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần basic Examination & Test + Ôn tập HTML/CSS/JS - Lập Trình HTML5/CSS/JS Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần advanced Table & CSS Video Tìm hiểu table trong HTML/CSS - HTML/CSS Bài tập ôn luyện Table - Lập trình HTML/CSS/JS Thiết kế calendar page bằng HTML5/CSS - Tạo website calendar HTML5/CSS Form & CSS Video Thiết kế form trong HTML/CSS/JS Video Tìm hiểu tag videos, audio trong HTML/CSS/JS Bài tập - Thiết kế form gửi email - Lập trình HTML/CSS/JS Video Bài tập - Thiết kế form gửi email - Lập trình HTML/CSS/JS Thiết kế Form đăng ký tài khoản bằng HTML5/CSS - Thiết kế registation form HTML5/CSS Thiết Kế Layout Video Tìm hiểu Frame qua ví dụ quản lý khách sạn HTML/CSS Video Hướng dẫn tạo layout bằng thẻ Div căn bản Video Hướng dẫn thiết kế layout bằng thẻ div nâng cao (Thiết kế giao diện web gokisoft) Bài tập - Thiết kế website bán đồng hồ - Lập trình HTML/CSS/JS Bài tập - kiểm tra 60 phút - thiết kế blog tin tin học - Lập trình HTML/CSS/JS Bài Tập - Thiết Kế Blog Dạy Học Excel Online - Lập Trình HTML/CSS/JS Bài tập - kiểm tra 60 phút - thiết kế website sau - Lập trình HTML/CSS/JS Bài tập - Thiết kế web truyện tranh - Lập trình HTML/CSS/JS Tạo website giời thiệu công ty - Lập trình HTML/CSS/JS Bài tập - Tìm hiểu các công cụ phát triển dự án Thiết kế form khảo sát - Khóa học HTML/CSS Bài tập - Thiết kế web tin tức - Khóa học HTML/CSS Thiết kế web sau - Lập trình HTML/CSS/JS Examination - Thiết kế website - Lập trình HTML/CSS Bài tập - Thiết kế web học tiếng anh - Khóa học HTML/CSS/JS Bài tập - Thiết kế Form quản lý sinh viên Web Giới Thiệu Việc Làm - Khoá Học Lập Trình Html/css/js Quiz [Trắc Nghiệm] Kiến thức HTML cơ bản - thẻ trong HTML [Trắc Nghiệm] Tìm hiểu về tag trong HTML - Thẻ Form, Table trong HTML [Trắc Nghiệm] Tìm hiểu về CSS cở bản - Text CSS [Trắc Nghiệm] Luyện tập Layout & CCS khoá học HTML/CSS [Trắc Nghiệm] Ôn tập phần responsive @media - Lập trình HTML/CSS 20 Câu hỏi trắc nghiệm html/css/js - Bộ đề 1 200 Câu hỏi trắc nghiệm html/css/js - Bộ đề 2 20 Câu hỏi trắc nghiệm HTML/CSS/JS - Bộ đề 3
HTML5 - CSS3 Tutorial

Thiết kế calendar page bằng HTML5/CSS - Tạo website calendar HTML5/CSS

Viết 1 trang web có tên Attendance.html, trang web này áp dụng file style có tên style.css được định dạng như sau:

  1. Màu nền của trang web là: #FFFFCC

  2. Thẻ heading 2 sẽ được gạch chân.

  3. Viết ID có tên navigation được định dạng như sau:

    1. Vị trí tuyệt đối.

    2. Cách lề trái 25%.

    3. Text được canh giữa.

  4. Viết các ID có tên tablesectionOne, tablesectionTwo, tablesectionThree, tablesectionFour có định dạng như sau:

    1. Table layout được fixed.

    2. Text được canh giữa

    3. Màu nền là: #FFFFDD

    4. Vị trí tuyệt đối.

    5. Vị trí cách top 7e

  5. Viết 1 class CAPTION định đạng như sau:

    1. Màu nền là: rgb(255,185,115)

    2. Font chữ là arial

    3. Cỡ chữ 1em

  6. Định dạng lại thẻ TH,TD như sau:

    1. Viền có kiểu là solid độ dày thin màu viền #D0D0D0

    2. Thuộc tính empty-cells: show

Trang Attendance.html:

Thiết kế trang web này như sau: khi người dùng click vào các image week1,week2,week3, week4 thì tương ứng hiện lên các table tương ứng.


Tải resource



Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó

×