Bài giảng HTML & CSS - Lương Trần Hy Hiến

Bài giảng HTML & CSS do Lương Trần Hy Hiến biên soạn trình bày về HTML (cấu trúc trang web, các thẻ căn bản, form nhập); CSS (class selector, ID Selector, HTML Selector, Inline Style). Mời các bạn tham khảo bài giảng để hiểu rõ hơn về những nội dung này.
Nội dung trích xuất từ tài liệu:
Bài giảng HTML & CSS - Lương Trần Hy Hiến HTML & CSS Lương Trần Hy Hiến – www.aspt7cn.tk HTML  Cấu trúc trang web  , , , ,  Các thẻ căn bản  Tiêuđề: , ,…  Danh sách: , ,  Đa ph.tiện: ,  Bảng: , , ,  Form nhập  , , ,  , , HTML-CẤU TRÚC Tiêu đề CHÀO QUÍ VỊ HTML-THẺ CĂN BẢN ĐẦU ĐỀ Hiệu trưởng Giáo viên Sinh vien Hiệu trưởng Giáo viên HTML-BẢNG A B C D E F G HTML-FORM Viet Nam United States CSS-ĐỊNH NGHĨA  Class selector  Đ.Nghĩa:.ClassName{CSS}  A.Dụng:  ID Selector  Đ.Nghĩa:#IDName{CSS}  A.Dụng:  HTML Selector  Đ.Nghĩa: Tag{CSS}  Inline Style  A.Dụng: CSS-CLASS SELECTOR  Định Nghĩa Dấu .MyHeader chấm { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-family: tên font chữ font-style: italic; font-weight: độ đậm font-size: 14px; font-style: kiểu chữ color: #FF0000; font-size: kích thước chữ } color: màu chữ  Áp Dụng Hello World CSS-ID SELECTOR Dấu  Định Nghĩa thăng #MyParam { background-color: #0000FF; background-image: url(images/abc.gif); text-align: justify; background-color: màu nền margin: 10px; background-image: ảnh nền padding: 5px; text-align: canh lề border: 1px dotted #0000FF; margin: độ dày lề ngoài } padding: độ dày lề trong border: đường viền  Áp Dụng Hello World CSS-HTML SELECTOR FIELDSET { width: 200px; border: 1px solid #0000FF; } LEGEND { font-weight: bold; color: #FF0000; background-color: #FFFF00; border: 1px solid #0000FF; width: 100px; } DE MUC NOI DUNG CSS-INLINE STYLE  Áp Dụng Hello World CSS-KHOANH VÙNG P INPUT { P INPUT: CSS1 CSS1 chỉ áp dụng cho các thẻ đặt trong thẻ } () #MyMenu IMG #MyMenu IMG: { CSS2 chỉ áp dụng cho các thẻ đặt trong thẻ có ID là CSS2 MyMenu () } P .MyClass P .MyClass: { CSS3 chỉ áp dụng cho các thẻ có thuộc tính class là MyClass đặt CSS3 trong thẻ () } .MyClass #MyID { .MyClass #MyID: CSS4 CSS4 chỉ áp dụng cho các thẻ có thuộc tính class là MyClass đặt } trong thẻ có ID là MyID () CSS-NHIỀU SELECTOR  Định Nghĩa #A, .B, INPUT, H2, #X H1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; #A: ID selector .B: class selector font-size: 14px; INPUT, H2: HTML selector color: #FF0000; #X H1: khoanh vùng } CSS-LIÊN KẾT A { A:visited { font-family: Arial text-decoration: none; font-size: 16px; color: #000000; color: #0000FF; } font-weight: bold; A:hover font-style: italic; { } text-decoration: underline; A:link color: #FF0000; { } A:active text-decoration: none; { } text-decoration: none; A: chung color: #00FF00; A:LINK: thường } A:VISITED: đã xem A:HOVER: có chuột A:ACTIVE: đang chọn