Tiết 22 CHƯƠNG II: THIẾT KẾ WEB Bài 4 : ĐỊNH DẠNG VĂN BẢN
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (586.17 KB, 17 trang )
Giáo án Tin học 9
1. Phát biểu cấu trúc chung của chương trình được tạo bởi
ngôn ngữ HTML và nêu các đặc điểm của thẻ lệnh dùng để
tạo màu nền cho trang Web ?
Áp dụng : Sắp xếp các lệnh đã cho tạo thành chương trình
HTML dùng để tạo trang web như sau :
<html>
<head>
<title>
My web
</title>
</head>
<body>
<body bgcolor="pink">
Chao cac ban.
Chuc mot ngay vui ve
</body>
</html>
Bài tập áp dụng
br
<br>
Đưa nội dung sau thẻ <br> xuống một dòng
Đây là thẻ lệnh đơn. Nó giống như thao tác
nhấn phím enter trong khi soạn thảo văn bản.
<html>
<head>
<title>
My web
</title>
</head>
<body>
<body bgcolor="pink">
Chao cac ban.
<br>
Chuc mot ngay vui ve
</body>
</html>
Bài tập áp dụng
<p>
<p> phần văn bản cùng trong một đoạn </p>
Phân đoạn trong HTML
Đây là thẻ lệnh kép
<html>
<head>
<title>
My web
</title>
</head>
<body>
<body bgcolor="pink">
Chao cac ban.
<p>
Chuc mot ngay vui ve
</p>
</body>
</html>
Bài tập áp dụng
hr
<hr>
Kẻ một đường ngang
Đây là thẻ lệnh đơn
<html>
<head>
<title>
My web
</title>
</head>
<body>
<body bgcolor="pink">
Chao cac ban.
<hr>
Chuc mot ngay vui ve
</body>
</html>
Bài tập áp dụng
div align
<div align=“center/right”> văn bản </div>
Đưa văn bản ra giữa trang hoặc sang phải
Đây là thẻ lệnh kép. Muốn kết thúc canh
đoạn cho phần văn bản nào ta phải dùng
thẻ lệnh </div>.
<html>
<head>
<title>
My web
</title>
</head>
<body>
<body bgcolor="pink">
<div align="center">
Chao cac ban.
</div>
Chuc mot ngay vui ve
</body>
</html>
Một số thao tác cơ bản
br
p
hr
div align
<br>
Text
<p>
Text
</p>
<hr>
Text
<div align=“center/right” >
Text
<div>
Xuống dòng
Ngắt đoạn
Kẻ ngang
Canh đoạn
lệnh đơn
lệnh kép
lệnh đơn
lệnh kép
Bài tập áp dụng
<html>
<head>
<title>
My web
</title>
</head>
<body>
<body bgcolor="pink">
<div align="center">
Chao cac ban.
</div>
<hr>
Chuc mot ngay vui ve
</body>
</html>
Nội dung
trang WEB
Ảnh nền
Màu nền
Kẻ ngang
Canh đoạn
Phân đoạn
Xuống dòng
Về nhà làm bài tập tạo trang web có nội dung như
Bảng “5 điều Bác Hồ dạy” treo ở lớp học.
H T M L
H E A D
C E N T E R
B G C O L O R
T I T L E
A L I G N
H R
Tên lệnh đầu tiên
của chương trình
viết bởi HTML
Tên lệnh dùng ở
phần khai báo
Từ dùng trong thẻ
lệnh đưa văn bản
ra giữa trang hoặc
sang phải
Từ dùng trong
thẻ lệnh định
dạng màu nền
Tên lệnh dùng ở
phần tiêu đề
Từ dùng trong thẻ
lệnh canh đoạn cho
văn bản
Tên lệnh dùng
để kẻ ngang
T
H
E
L
E
N
H
Tên gọi các đối tượng điều
khiển cách thức hiển thị nội
dung trang Web
PHÒNG GIÁO DỤC VÀ ĐÀO TẠO THÀNH PHỐ HUẾ
Kích vào các chữ có gạch chân hay biểu tượng
để hiện hiệu ứng có liên quan trong bài dạy.
Ví dụ :
- Áp dụng : Để mở ví dụ có liên quan.
- : Để hiện hiệu ứng liên quan tên
lệnh.
- : Để vào ví dụ minh họa.
Trong phần chơi ô chữ:
- Kích vào chữ số để ẩn/hiện câu hỏi trợ
giúp cho câu đó.
- Kích vào biểu tượng gần chữ số để hiện
đáp án tương ứng của câu số đó.
- Kích vào biểu tượng trò chơi ô chữ để hiện
từ hàng dọc.
Khi chép, chép nguyên thư mục để
đảm bảo mọi liên kết được thực hiện.
