Bài: Mô hình hộp, bố cục trang web
Khởi động trang 83 Tin học 12: Em hãy truy cập trang chủ của các
website: http:/moet.gov.vn, http://tienphong.vn. Theo em, bố cục của hai
trang web này có giống nhau không?
Lời giải:
- Bố cục của 2 trang web này giống nhau: đều có menu ngang, bố cục
theo 3 cột dọc.
Hoạt động trang 84 Tin học 12: Theo em, trên một dòng của màn hình
trình duyệt web có thể hiển thị nhiều phần tử HTML được không?
Lời giải:
Trên một dòng của màn hình trình duyệt web không thể thể hiện thị
nhiều phần tử HTML được. Vì theo mặc định, mỗi phần tử HTML sẽ
được xác định kiểu hiển thị theo khối hoặc theo dòng. Với cách hiển thị
theo khối, mỗi phần tử được hiển thị trên một dòng mới. Ngược lại, với
cách hiển thị theo dòng, nhiều phần tử có thể được hiển thị trên cùng
một dòng.
Luyện tập trang 87 Tin học 12: Em hãy khai báo thêm các quy tắc định
dạng cho trang web “Bài10-NV1.html" để nội dung có phần tử body có
khoảng cách lề 30 pixel, phần tử h3 có đường viền tô nét (solid), khoảng
cách vùng đệm là 20 pixel.
Lời giải:
Bước 1. Tạo tệp “Bài 10-NV1.css”
Mở phần mềm Sublime Text.
Tạo tệp mới và ghi lưu với tên Bài10-NV1.css.
Bước 2. Khai báo các quy tắc định dạng CSS như sau:
.blue {coler: steelblue;}
.red {coler: darkred;}
.orangered {verdana”; font-size:25px, color: orangered:}
input.yellow {background-color: yellow; } input.blue {background-color:
blue; color: white;}
P{margin: 30px;}
p.custom-boder {padding: 20px; boder-style:solid;}
Bước 3. Ghi lưu tệp.
Vận dụng trang 87 Tin học 12: Em hãy sử dụng phần mềm div kết hợp
với định dạng CSS để tách trang web Bài 10-NV1.html thành 2 phần:
Phần đầu trang và phần nội dung. Phần đầu trang là tiêu đề “Đóng góp ý
