YOMEDIA
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
256
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.
AMBIENT/
Chủ đề:
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
Thêm tài liệu vào bộ sưu tập có sẵn:
Báo xấu
LAVA
ERROR:connection to 10.20.1.98:9315 failed (errno=111, msg=Connection refused)
ERROR:connection to 10.20.1.98:9315 failed (errno=111, msg=Connection refused)
Đang xử lý...
Thêm vào BST
Báo xấu
