Bài giảng Multimedia - Phần 1: Ngôn ngữ HTML

Bài giảng "Multimedia - Phần 1: Ngôn ngữ HTML" trình bày các nội dung: Giới thiệu ngôn ngữ HTML, định dạng văn bản, danh sách, hình ảnh - âm thanh - Liên kết, bảng và trình bày trang - Khung, biểu mẫu - Kết xuất. Mời các bạn cùng tham khảo nội dung chi tiết.
Nội dung trích xuất từ tài liệu:
Bài giảng Multimedia - Phần 1: Ngôn ngữ HTML 1 Nội Dung Giới thiệu ngôn ngữ HTML Định dạng văn bản Danh sách Hình ảnh – Âm thanh – Liên kết Bảng và trình bày trang - Khung Biểu mẫu (Form) – Kết xuất 2 GiỚI THIỆU NGÔN NGỮ HTML  HTML (Hyper Text Markup Language): Ngôn ngữ đánh dấu siêu văn bản  Là một ngôn ngữ dùng để xây dựng một trang Web.  Chứa các thành phần định dạng để báo cho trình duyệt Web biết cách để hiển thị một trang Web.  Một trang web thông thường gồm có 2 thành phần chính:  Dữ liệu của trang web (văn bản, âm thanh, hình ảnh...)  Các thẻ (tag) HTML dùng để định dạng mô tả cách thức các dữ liệu trên hiển thị trên trình duyệt. CÁC KHÁI NiỆM LIÊN QUAN TỚI THẺ 1. Khái niệm thẻ  Cú pháp tổng quát:  TagName: tên tag HTML được đặt giữa hai dấu ngoặc nhọn ( < > ) để báo cho trình duyệt biết cách thể hiện văn bản.  Property: thuộc tính của thẻ, cung cấp các tuỳ chọn cho thẻ. Các thuộc tính cách nhau bởi khoảng trắng. Thuộc tính thường có trị (value) xác định cách tác động của thẻ. Không phân biệt chữ hoa chữ thường. CÁC KHÁI NiỆM LIÊN QUAN TỚI THẺ 1. Khái niệm thẻ CÁC KHÁI NiỆM LIÊN QUAN TỚI THẺ 2. Thẻ chứa (Container tag)  Thẻ mở (Opening thẻ):  Thẻ đóng (Closing thẻ):  Các thành phần đặt giữa thẻ mở và thẻ đóng chịu tác động của thẻ đó.  Ví dụ: Xin chào bạn Nguyễn An CÁC KHÁI NiỆM LIÊN QUAN TỚI THẺ 3. Thẻ rỗng (Empty tag)  Chỉ có thẻ mở không có thẻ đóng dùng để hiển thị yêu cầu 1 lần.  Ví dụ: xuống dòng , chèn đường kẻ ngang  Lưu ý: Khi soạn thảo nhấn phím Space (nhiều ký tự trắng), Enter (xuống dòng) … không có hiệu lực khi hiển thị trên trình duyệt mà phải dùng các thẻ. CÁC KHÁI NiỆM LIÊN QUAN TỚI THẺ 4. Các thẻ lồng nhau  Các thẻ có thể lồng nhau, nội dung nào nằm trong nhiều thẻ sẽ chịu tác động của các thẻ đó.  Lưu ý: mở trước đóng sau/mở sau đóng trước.  Ví dụ: Chào bạn đến với WebSite trung tâm ABC CẤU TRÚC CƠ BẢN CỦA TRANG WEB  1. Cấu trúc Title of Web page Nội dung thông tin của trang web Nội dung hiển thị trên trình duyệt 2. Soạn thảo Dùng Notepad, Wordpad, Word 3. Hiển thị  Khởi động trình duyệt Internet Explorer  Chọn menu file,open, dùng browse tìm tập tin html mới tạo  Hoặc double click vào tên tập tin .htm CẤU TRÚC CƠ BẢN CỦA TRANG WEB  CÁC TAG HTML CƠ BẢN  1. là dòng đầu tiên của trang HTML, ghi thông tin về version HTML dùng trong trang HTML này. Ví dụ: 2. … định nghĩa phạm vi của văn bản HTML. 3. … định nghĩa các mô tả về trang HTML. Các thông tin này sẽ không hiển thị trong nội dung trang web. CÁC TAG HTML CƠ BẢN  4. Nội dung tiêu đề mô tả tiêu đề của trang, thường được hiển thị trên thanh tiêu đề của cửa sổ hiển thị trang web. Tiêu đề được dùng khi bookmark trang Web này và làm chỉ mục khi tìm kiếm trang Web (search engines index). 5. trình duyệt web bỏ qua không đọc, không hiển thị trên trang Web. Lưu ý: Không được có khoảng trắng giữa CÁC TAG HTML CƠ BẢN  6. < BODY ListProperties> … xác định phần 'thân' của trang web.  Các thuộc tính của   BgColor: thiết lập màu nền của trang  Text: thiết lập màu chữ  Link: màu của siêu liên kết  Vlink: màu của siêu liên kết đã xem qua  Background: load một hình làm nền cho trang  LeftMargin: Canh lề trái   TopMargin: Canh lề trên của trang CÁC TAG HTML CƠ BẢN  CÁC TAG HTML CƠ BẢN  7. HREF: khai báo URL gốc của tài liệu (dùng để tạo URL tương đối). TARGET: quy định đích đến mặc định cho các link trong trang Web. 8. đặt ở giữa …, thường dùng quy định thuộc tính cho trang web NAME: nhúng thêm thông tin. HTTP-EQUIV: tự động chuyển đến trang Web khác và ấn định ngôn ngữ viết kịch bản mặc định. Ví dụ: CÁC TAG HTML CƠ BẢN  9.  (horizontal rule)  thêm đường kẻ ngang.   Cú pháp: CÁC TAG HTML CƠ BẢN  Một số giá trị màu cơ bản CÁC TAG HTML CƠ BẢN  9.  (horizontal rule)  thêm đường kẻ ngang.   Ví dụ: Welcome to HTML   My first HTML document  This is going to be real fun CÁC TAG HTML CƠ BẢN  10. ngắt xuống dòng mới nhưng vẫn thuộc cùng đoạn. Ví dụ: nguyen Chu thich cach 2 Chao ban den voi WebSite trung tam ABC  Chao ban den voi WebSitetrung tam ABC  Chao ban den voi WebSite  trung tam ABC CÁC TAG HTML CƠ BẢN  Một số thao tác trong cửa sổ trình duyệt  Cách load lại trang Web: Click biểu tượng Refresh (F5) trên thanh công cụ.  Chỉnh sửa size chữ hiển thị trên trang: Chọn Menu View>Text size  Chỉnh lại font chữ: Chọn Menu View->EndCoding  Trong trường hợp trang Web không hiển thị được Font tiếng Việt:  Chọn menu Tool chọn Internet Options->Chọn Tab Fonts chọn Font tiếng Việt  Nếu chọn rồi mà không hiển thị được font tiếng Việt thì chọn Menu View>EndCodingchọn các font như User defined,Vietnamese…. ...