13
06/12/22 Nguyễn Thị Hoa 1 HTML

Ung Dung Va Tinh Nang Cua HTML

  • Upload
    cherry

  • View
    651

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 1

HTML

Page 2: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 2

Guide Teacher: Nguyễn Trọng Anh

Student Name : Nguyễn Thị Hoa

Page 3: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 3

ĐỊNH NGHĨA VÀ QUÁ TRÌNH RA ĐỜI CỦA HTML1

HTMLVÀ WEB BROWSER2

SỰ PHÁT TRIỂN VÀ HÌNH THÀNH CỦA HTML 3

CẤU TRÚC MỘT TÀI LIỆU HTML 4

ƯU ĐIỂM CỦA HTML5

NHƯỢC ĐIỂM CỦA HTML 6

ứng dụng và tính năng của HTML

HTML

Page 4: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 4

1. Khái niệm: HTML là viết tắt của cụm từ HyperText Markup Language, tức là ngôn ngữ đánh dấu siêu văn bản, nghĩa là một từ hay một cụm từ hay một câu trên trang web được dùng để liên kết đến trang web khác và các mẩu thông tin được trình bày trên World Wide Web.

2. Sự ra đời: Tháng 10 năm 1990, nhờ sự sáng

tạo của Ông Tim Berners-Lee, một cán bộ làm việc tại CERN (Phòng thi nghiệm châu âu về vật lý Hạt cơ bản ) gần Thành Phố Geneva (Thuỵ Sĩ).

Khái niệm và sự ra đời của HTMLHTML

Page 5: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 5

các phần mềm đang thống trị trình duyệt các trang web: Netscape Navigator Netscape Communications( kơ mju ni cei san) Corporation ,Opera Software ASA, Internet Explorer (IE) của Microsoft Corporation và Firefox của Mozilla. .

Có nghĩa là mỗi trình duyệt nhận ra một số thẻ đánh dấu thuộc ngôn ngữ HTML một cách khác nhau và lại đưa ra những thẻ đánh dấu của riêng nó

Do đó, khi soạn một tài liệu HTML, phải chú ý đến ngữ pháp và không dùng những thẻ đánh dấu thuộc riêng một trình duyệt.

HTML HTMLVÀ WEB BROWSER

Page 6: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 6

khi bạn soạn tài liệu HTML, hãy Có thói quen như sau (xếp theo thứ tự quan trọng nhất):1. Đặt những giá trị thuộc tính, các yếu tố phần tử giữa dấu ngoặc kép.2. Viết thẻ đánh dấu sự kết thúc yếu tố phần tử 3. Dùng chữ nhỏ để viết các thẻ đánh dấu .

HTMLVÀ WEB BROWSERHTML

Page 7: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 7

HTML

WEB BROWSERlà phần mềm khách biết đọc và hiểu ngôn ngữ HTML để hiển lên tài liệu ở dạng HTML trên màn hình máy vi tính khách.

GIAO THỨC HTTP

cho phép các máy tính khách (thông qua trình duyệt web) giao dịch với máy tính chủ phục vụ tài liệu web (web server) để chuyển tài liệu ở dạng HTML trên Internet.

BA YẾU TỐ TẠO NÊN WEB

HTMLlà ngôn ngữ được dùng để định nghĩa những yếu tố phần tử (element) hình thành một tài liệu theo tiêu chuẩn HTML. Để đánh dấu những yếu tố phần tử đó, ngôn ngữ HTML dùng những thẻ để đánh dấu sự bắt đầu và sự kết thúc của từng yếu tố phần tử một.

HTMLVÀ WEB BROWSER

Page 8: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 8

HTML đã hình thành và phát triển đến nay là thế hệ thứ 6:

- Level 0: Bao gồm các yếu tố cơ bản- Level 1: Có thêm một số đặc điểm tiến bộ như hightlight text và

graphic.- Level 2: Thêm một số đặc điểm mới như form.-Level 3: Phát triển thêm một số đặc điểm như frames, inline, video,

sound, animation.- Level 4: Cho phép người dung thêm vào multimedia script, hỗ trợ

Cascading style sheets (CSS)Level 5: có giao diện lập trình mới dành cho các tác vụ vẽ đồ họa 2D, và cơ chế gắn kèm - điều khiển nội dung audio và video.

HTML SỰ PHÁT TRIỂN VÀ HÌNH THÀNH CỦA HTML

Page 9: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 9

<!DOCTYPE> <HTML><HEAD><TITLE> <BODY>

<!DOCTYPE> Tag

HTML CẤU TRÚC MỘT TÀI LIỆU HTML

CÁC STRUCTURAL TAGS

Page 10: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 10

• Cú pháp của tag <html> là:– <html>

….nội dung của web page….– </ html >– <HEAD> Tag– <head> tag nằm bên trong thẻ <html> và </html>. Nó được dùng để mô tả phần

header của một tài liệu html. Cú pháp của <head> tag:– <head>

….nội dung header…– </head>

<head> tag bao gồm các tag sau:• <title> tag• <base> tag• <link> tag• <meta> tag

– <Title> Tag– Nội dung bên trong thẻ mở <title> và thẻ đóng</title> sẽ được hiển thị trên thanh

tiêu đề của trình duyệt.

HTML CẤU TRÚC MỘT TÀI LIỆU HTML

Page 11: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 11

1. Ưu điểm:Giao diện thân thiện, dễ dùng, có thể nhúng các ngôn ngữ

khác trên HTML Dễ thiết kế và có nhiều kiểu không theo một kiểu mặc định

nào mà các kiểu web động khác thường mắc phải. Trình duyệt của HTML nhanh vì nó không cần đến cơ sở

dữ liệu. HTML ít khi bị hack, nếu có chỉ là hack trên Server.

HTMLƯU VÀ NHƯỢC ĐIỂM CỦA HTML

Page 12: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 12

2. Nhược điểm:

• Phải mất hàng giờ để thay đổi một thiết kế nhỏ trong nó nếu ta muốn thay đổi.

• Đơn điệu về giao diện.

• Các thẻ lệnh của HTML không phân biệt chữ hoa và chữ thường.

• Cố định các thẻ và người dùng không thể linh hoạt lưu lại các thuộc tinh hay đặc trưng của thẻ theo ý mình.

HTMLƯU VÀ NHƯỢC ĐIỂM CỦA HTML

Page 13: Ung Dung Va Tinh Nang Cua HTML

04/12/23 Nguyễn Thị Hoa 13

HTML