Bài giảng html
Chia sẻ bởi Lê Xuân Trường |
Ngày 29/04/2019 |
105
Chia sẻ tài liệu: Bài giảng html thuộc Tin học 9
Nội dung tài liệu:
HTML VÀ THIẾT KẾ TRANG WEB
Trương Ngọc Nguyên
Những khái niệm cơ sở
I. HTML - Ngôn ngữ để viết các trang web
1.World Wide Web và siêu văn bản
2. HTML là gì?
3. Các đặt điểm của siêu văn bản
Độc lập với phần cứng và phần mềm
Độc lập với khái niệm trang và tuần tự trang
Website và trang chủ
II. Soạn thảo siêu văn bản - những vấn đề chung
1. Trang mã nguồn HTML và trang Web
2. Các thẻ HTML là gì?
3. Các quy tắc chung
4. Cấu trúc của một tài liệu HTML
5. Các thành phần của HTML
Trình bày trang
I. Làm tiêu đề
1. Các mức đâu để trong HTML
2. Dòng chữ nhấp nháy
II. Thẻ trình bày trang
1. Một số thẻ chính
Đoạn văn bản
Xuống dòng
Đường kẻ ngang
Căn chính giữa
2. Các thuộc tính của thẻ trình bày trang
Thuộc tính ALIGN của thẻ Paragraph
Thuộc tính CLEAR của thẻ xuống dòng
Các kiểu đường kẻ khác nhau
Trình bày chữ
I. Các thẻ trình bày chữ
1. Các thẻ cơ sở hay dùng
2. Các thẻ theo phong cách vật lý
3. Các thẻ theo phong cách logic
4. So sánh 2 phong cách
5. Số mũ và chỉ số - SuperScript và SubScript
II. Thẻ Font và các thuộc tính
1. Thuộc tính Size
2. Thuộc tính Color
3. Thuộc tính Face
4. Phối hợp các thuộc tính
Trình bày chữ
I. Các thẻ theo phong cách vật lý
1. Bold ......
2. Italics ......
3. Underline ......
4. Typewriter ......
II. Các thẻ theo phong cách logic
1. Address 2. Variable
3 Citation 4. Emphasis
5. BlockQuote < BlockQuote>
6. KeyBoard 7. Preformatted
Trương Ngọc Nguyên
Những khái niệm cơ sở
I. HTML - Ngôn ngữ để viết các trang web
1.World Wide Web và siêu văn bản
2. HTML là gì?
3. Các đặt điểm của siêu văn bản
Độc lập với phần cứng và phần mềm
Độc lập với khái niệm trang và tuần tự trang
Website và trang chủ
II. Soạn thảo siêu văn bản - những vấn đề chung
1. Trang mã nguồn HTML và trang Web
2. Các thẻ HTML là gì?
3. Các quy tắc chung
4. Cấu trúc của một tài liệu HTML
5. Các thành phần của HTML
Trình bày trang
I. Làm tiêu đề
1. Các mức đâu để trong HTML
2. Dòng chữ nhấp nháy
II. Thẻ trình bày trang
1. Một số thẻ chính
Đoạn văn bản
Xuống dòng
Đường kẻ ngang
Căn chính giữa
2. Các thuộc tính của thẻ trình bày trang
Thuộc tính ALIGN của thẻ Paragraph
Thuộc tính CLEAR của thẻ xuống dòng
Các kiểu đường kẻ khác nhau
Trình bày chữ
I. Các thẻ trình bày chữ
1. Các thẻ cơ sở hay dùng
2. Các thẻ theo phong cách vật lý
3. Các thẻ theo phong cách logic
4. So sánh 2 phong cách
5. Số mũ và chỉ số - SuperScript và SubScript
II. Thẻ Font và các thuộc tính
1. Thuộc tính Size
2. Thuộc tính Color
3. Thuộc tính Face
4. Phối hợp các thuộc tính
Trình bày chữ
I. Các thẻ theo phong cách vật lý
1. Bold ......
2. Italics ......
3. Underline ......
4. Typewriter ......
II. Các thẻ theo phong cách logic
1. Address 2. Variable
3 Citation 4. Emphasis
5. BlockQuote < BlockQuote>
6. KeyBoard 7. Preformatted
8. Sample 9.Code
10. Strong
11. Definition
Danh sách và bảng
I. Các kiểu danh sách
1. Danh sách không đánh số thứ tự
- ......
: Đánh dấu bắt đầu và kết thúc danh sách
2. Danh có thứ tự
- ......
3. Danh sách các định nghĩa
- ..... ......
II. Bảng biểu
Danh sách và bảng
I. Khung cấu trúc
Khung cấu trúc
Tên cột 1
Tên cột 2
......................
Nội dung ô 1, dòng 1
Nội dung ô 2, dòng 2
......................
................
Đưa hình ảnh vào tài liệu HTML
I. Hình ảnh tĩnh
1.Tệp hình ảnh
*.Gif, *.Jpg, *.Bmp
2. Thẻ :
3. Một số thuộc tính
ALT: Chèn một đoạn chữ thay thế vào chỗ có hình
WIDTH, HEIGHT
ALIGN=middle / top / left / right
VSPACE, HSPACE: Tạo viền trống quanh hình
BORDER
II. Hiển thị ảnh hoạt hình
Các mối liên kết siêu văn bản
I. Thẻ neo và mối siêu liên kết
......... (Anchor)
1.Thuộc tính HREF
Dùng để liên kết đến
Một tài liệu khác (external link) (Sử dụng giao thức http )
Một phần của tài liệu đang xét (internal link )
2. Liên kết ngoài - External Link
Nhóm từ làm đầu mối
3. Địa chỉ tuyệt đối : khi liên kết tới một tệp nằm ngoài máy tính cục bộ :
.......
Ví dụ:
Dai hoc quoc gia
Các mối liên kết siêu văn bản
4.Địa chỉ tương đối
.......
Ví dụ: Bài 1
5. Liên kết nội tại - Internal Link
Tạo Bookmark:
Tạo liên kết :
6. Thay chữ bằng hình
Ví dụ:
Các mối liên kết siêu văn bản
II. Đưa âm thanh vào tài liệu
1. Liên kết đến tập tin âm thanh
romeo
Khi click vào liên kết tập tin âm thanh sẽ phát lại
2. Tạo âm thanh nền : Âm thanh tạo ra khi bắt đầu hiển thị trang tài liệu
Các mối liên kết siêu văn bản
III. Đưa Video vào tài liệu
1. Chèn tập tin Video
Beautiful Life
Khi click vào liên kết tập tin hình ảnh sẽ phát lại
2. Nhúng tệp Video : Âm thanh tạo ra khi bắt đầu hiển thị trang tài liệu
* Một số tài liệu cũ có thể bị lỗi font khi hiển thị do dùng bộ mã không phải Unikey ...
Người chia sẻ: Lê Xuân Trường
Dung lượng: |
Lượt tài: 0
Loại file:
Nguồn : Chưa rõ
(Tài liệu chưa được thẩm định)