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

Chia sẻ: Lavie Lavie | Ngày: | Loại File: PDF | Số trang:14

Thêm vào BST

Báo xấu

254
lượt xem 61
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: 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