Bài giảng HTML – DHTML - Javascript (Thiết kế Web): Bài 2 - Lê Quang Lợi

Bài 2 - Văn bản trong HTML. Nội dung chính trong chương này gồm: Các thẻ văn bản, các thẻ đặc biệt trong văn bản, chèn ký tự đặc biệt, danh sách trong văn bản, chèn hình ảnh, chèn âm thanh. Mời các bạn cùng tham khảo.

Lê Quang Lợi Bài 02: Văn HTML Nội dung » Các thẻ văn » Các thẻ đặc biệt văn » Chèn ký tự đặc biệt » Danh sách văn » Chèn hình ảnh » Chèn âm Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 2.1 Văn HTML » Văn trình bày thẻ thể văn » Văn bản: • Các ký tự văn bản: đoạn khối, danh sách câu … • Hình ảnh: Các hình ảnh, lưu đồ, biểu đồ, ảnh nền… • Đa phương tiện Multimedia: Video, audio, » Làm việc:  Tạo văn bản: tiêu đề, ý, khối(đoạn) …  Tạo hiệu ứng qua thẻ Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 2.1.1 Các thẻ thể văn » Tiêu đề văn bản: Heading H1, H2, H3, H4, H5, H6 Ví dụ: Tiêu đề H3 » Đoạn văn bản: thẻ

chia văn thành đoạn khác

nội dung đoạn

Ví dụ:

Doạn 01

đoạn 02

» Ngắt dòng: Ví dụ: Dòng 01 dòng 02 Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 2.4 Chèn ký tự đặc biệt » Thể văn cần có ký tự đánh dấu đặc biệt » Các ký tự , “ ,” … trùng với ký tự HTML sử dụng » Quy tắc chèn: • &mã • &Tên Ví dụ: Kí tự mã Α Α tên Α ý ngĩa Alpha Β Γ Δ Ε Θ Ι Β Γ Δ Ε Θ Ι Beta Gamma Delta Epsilon Theta Iota Lê Quang Lợi: loilequang@gmail.com Β Γ Δ Ε Θ Ι HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 2.3 Chèn hình ảnh » Ảnh cho tồn tài liệu HTML thẻ Body bgColor: thể màu cho trang Ví dụ: » Ảnh cho thẻ: CSS/Style  Thể ảnh cho toàn thẻ  background-image:url(myimg.jpg): Ảnh  background-color: thể màu Ví dụ: • src: nguồn ảnh cần hiển thị • Width, heigth: độ rộng, độ cao • Border: đường viền cho ảnh Ví dụ: Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 2.4 Làm việc với danh sách » Danh sách thể phần tài liệu HTML » Thể đối tượng nhóm (chung tính chất) » Phân loại:  Loại có thứ tự (ol): thể trình tự phần tử  Loại khơng có thứ tự(ul): phần tử » Cấu trúc: gồm thẻ ol ul phần tử li Ví dụ:

• Khoa CNTT
• Khoa Điện - điện tử
• Khoa Cơ khí

Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 2.4.1 Danh sách có thứ tự » Các phần tử trình bày cách có tứ tự » Thẻ

định nghĩa danh sách » Thẻ
1. Định nghĩa phần tử danh sách » Thuộc tính type=“A/a/I/ 1” kiểu dấu thứ tự Ví dụ
   1. Tea
   2. Coffee
   3. Milk
   Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 2.4.2 Danh sách khơng có thứ tự » Các phần tử trình bày cách có tứ tự » Thẻ
   định nghĩa danh sách » Thẻ
   • Định nghĩa phần tử danh sách Ví dụ:
     • Lập trình
     • mạng máy tính
     • Phần cứng máy tính
     Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript
     • Coffee
     • Milk
     • Tea
     CNPM-CNTT-ĐHSPKT HY 2.5 Đa phương tiện HTML (HTML 5) - Chèn Audio: Ví dụ Lê Quang Lợi: loilequang@gmail.com HTML- DHTML- Javascript CNPM-CNTT-ĐHSPKT HY 2. 1 .2. .. tính
   Lê Quang Lợi: loilequang@gmail.com HTML- DHTML- Javascript
   • Coffee
   • Milk
   • Tea
   CNPM-CNTT-ĐHSPKT HY 2. 5 Đa phương tiện HTML (HTML 5) - Chèn Audio:... dụ:

   Doạn 01

   đoạn 02< /p> » Ngắt dòng: Ví dụ: Dòng 01 dòng 02 Lê Quang Lợi: loilequang@gmail.com HTML- DHTML- Javascript CNPM-CNTT-ĐHSPKT HY 2. 4 Chèn ký tự đặc biệt » Thể