Skip to main content

Posts

Tạo bảng thầy cho về nhà làm

Untitled Document BINH LUAN Ten cua ban So dien thoai Email Tieu de bai viet   < Noi dung bai viet     File dinh kem   Gui bai Hinh anh     Word     <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style> </style> </head> <body> <form id="form1" name="form1" method="post">   <table width="100%" border="0">     <caption>       BINH LUAN     </caption>     <tbody>       <tr>       ...

FORM

LAB Form 1.       Tạo trang html mới, lưu với tên form1.html 2.       Vào menu Insert è Form è Form (hoặc Insert bar è tab Form è Form) 3.       Nhắp chuột trong vùng form , chèn table 2 cột, 10 hàng, cellpadd=4, border=1, width=500, cellspace=0, caption= ĐĂNG KÝ THẢNH VIÊN CLB YÊU NHẠC 4.       Nhắp ở cột trái rồi gõ vào các nhãn : 5.       Nhắp ô phía sau Họ tên, chèn textfield ID= hoten 6.       Nhắp ô phía sau Tên đang nhập, chèn textfield ID= username 7.       Nhắp ô phía sau Mật khẩu, chèn textfield ID= pass ,   Type= Password 8.       Nhắp ô phía sau Gõ lại mật khẩu, chèn textfield ID= repass ,   Type= Password 9.       Nhắp ô phía sau Phái, chèn radio group tên= phai , 2 mục Nam =0, Nữ=1 10.   Nh...

Cách viết CSS đơn giản, gọn nhẹ cho website

 

Kết hợp các CSS

  LAB CSS   1.      Mở  file dulich.html 2.      Đặt tên cho table chứa chữ Danh làm các thắng cảnh là   danhlam 3.      Tuần tự tạo các style sau : #danhlam { width: 500px;    border: 5px solid #C60; } #danhlam caption {    color: #9F9;  text-transform: capitalize;  font-size: 18px;    background-color: #C60;  padding-top: 5px;  padding-bottom: 5px;} #danhlam  a {    color: #036; text-decoration: none;  padding-left: 25px;    background-image: url(forward1.gif); background-repeat: no-repeat; } #danhlam td { border-bottom: dotted 1px #C60;} 4.      Tạo class sau: #danhlam .vien {    border-left: dotted 1px #C60; border-right: dotted 1px #C60; }     Xong thì set class cho các td ở cột giữa    Kết quả như sau:   5.      Chèn...

LAB CSS 4

LAB CSS 4   1.       Mở  file dulich.html 2.       Đặt tên cho table chứa chữ Danh làm các thắng cảnh là   danhlam 3.       Tuần tự tạo các style sau : #danhlam { width: 500px;    border: 5px solid #C60; } #danhlam caption {    color: #9F9;  text-transform: capitalize;  font-size: 18px;    background-color: #C60;  padding-top: 5px;  padding-bottom: 5px;} #danhlam  a {    color: #036; text-decoration: none;  padding-left: 25px;    background-image: url(forward1.gif); background-repeat: no-repeat; } #danhlam td { border-bottom: dotted 1px #C60;} 4.       Tạo class sau: #danhlam .vien {    border-left: dotted 1px #C60; border-right: dotted 1px #C60; }     Xong thì set class cho các td ở cột giữa      Kết quả như sau: ...

LAB CSS 3

 LAB CSS 1.       Mở  file tinmoi.html 2.       Định dạng cho div có tên tinmoi #tinmoi { width: 660px; }   3.       Định dạng div tin mới nhất #tinmoi  .tinmoinhat { width:330px;  float:left;  color:#336699; }   4.       Định dạng cho div tin mới tiếp theo #tinmoi  .tinmoitieptheo { float:left; width:330px; }   5.       Bổ sung định dạng cho .tinmoinhat    height:175px; overflow:hidden   6.       Bổ sung định dạng cho div  .tinmoitieptheo height:175px; overflow:hidden; white-space:nowrap;     7.       Định dạng cho div .theloai #tinmoi  .theloai {    font-size:18px; background-color:#003300; color:#FFF;    padding-top:5px; padding-bottom:5px; clear:left }   8.   ...