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

Examination & Test + Ôn tập HTML/CSS/JS - Lập Trình HTML5/CSS/JS

Viết 1 ứng dụng web gồm có 2 trang EmailEditor.html và Status.html

Viết 1 file css định dạng như sau:

  1. Mầu nền của trang là rgb(255,255,240); các phần tử trong trang cách lề trái 20%.

  2. Phần tử textarea được định dạng như sau:

    1. scrollbar-3dlight-color: #C0C0C0;

    2. scrollbar-shadow-color: silver;

    3. scrollbar-arrow-color: black;

    4. scrollbar-face-color: gray;

  3. Class imgHelp có cursor là help

  4. Lớp EmailEditor có màu nền là #FFFFDD

  5. ID có tên là main:

    1. Chiều rộng là 400px

    2. Màu nền #DDFFEE

    3. Text cách lề trái  và phải là 10px.

  6. ID help có định dạng:

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

    2. Chiều rộng 500px

    3. Chiều cao 420px

    4. Vị trí của khối này cách top: 10px;

    5. Màu nền là #cfc

    6. Text cách viền trái và phải lần lượt là 10px;

    7. Ẩn phần tử này.

    8. Màu viền #E4E7E7

    9. Viền có độ rộng 2px;

    10. Kiểu viền solid

    11. Màu chữ #303030

  7. Lớp Close:

    1. Nội dung canh phải.

    2. Màu chữ là blue

    3. Kiểu cursor là hand

  8. Danh sách có kiểu như sau:

    1. Có bullet là ảnh bullet.jpg

    2. Kiểu hình ô vuông

    3. Vị trí inside

Trang EmailEditor.html:

Khi người dùng click vào nút help hiển thị khối áp dụng ID help:

Khi người dùng click vào nút close thì đóng khối này lại

KHi người dùng click vào nút submit thì sẽ chuyển sang file status.html



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

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

×