HTML và JAVASCRIPT

PowerPoint Präsentation PHẦN 2 1 Giới thiệu 2 Cấu trúc HTML 3 Các thẻ cơ bản trong HTML 4 Tạo bảng trong HTML 5 Biểu mẫu và thông tin người dùng 6 HTML nâng cao NỘI DUNG HTML a HTML là gì? − HTML là v[.]

PHẦN 2: NỘI DUNG: HTML Giới thiệu Cấu trúc HTML Các thẻ HTML Tạo bảng HTML Biểu mẫu thông tin người dùng HTML nâng cao 1/ Giới thiệu a HTML gì? − HTML viết tắt HyperText Markup Language (Ngôn ngữ đánh dấu siêu vĕn bản) nhà khoa học Mỹ - Tim Berners Lee định nghƿa nĕm 1989  HyperText – Vĕn kết nối đến vĕn khác  Sử dụng “thẻ” để “đánh dấu” vĕn bản, giúp trình duyệt xác định cách biểu diễn trang web đến người sử dụng − Một tập tin HTML tập tin vĕn có chứa thẻ định dạng (các thẻ giúp trình duyệt Web xác định cách trình bày trang Web) − Một tập tin HTML phải có mở rộng htm html − Một tập tin HTML viết trình soạn thảo vĕn đơn giản 1/ Giới thiệu b Các thẻ HTML: − Các thẻ HTML xác định nằm cặp ngoặc góc nhọn ‘’ − Các thẻ HTML thường theo cặp: Thẻ mở (thẻ bắt đầu): Thẻ đóng (thẻ kết thúc): Ví dụ: cặp thẻ định dạng chữ đậm Xin chào − Các thẻ HTML khôngphân biệt chữ thường hay chữ hoa 1/ Giới thiệu c Các thuộc tính thẻ HTML: − Thuộc tính dùng mô tả chi tiết thẻ − Thông thường có dạng: Tên_thuộc_tính=“Giá trị” − Các thuộc tính đặt thẻ sau: < Tên_thẻ Tên_thuộc_tính=“Giá trị”> − Một thẻ có nhiều thuộc tính: < Tên_thẻ Tên_TT01=“Giá trị” Tên_TT02=“Giá trị”> − Thẻ đóng khơng có thuộc tính 2/ Cấu trúc tập tin HTML … … 3/ Các thẻ HTML Thẻ Mô tả Khai báo tài liệu HTML Khai báo phần thân cho tài liệu Khai báo header đến header Chèn ký tự kết thúc dòng

Khai báo đoạn Kẻ đường nằm ngang Chú thích 3/ Các thẻ HTML a Thẻ HTML:  Cơng dụng: thẻ cho trình duyệt biết tài liệu HTML  Cú pháp: Nội dung… b Thẻ BODY:  Công dụng: thẻ khai báo phần nội dung tài liệu  Cú pháp: Nội dung… 3/ Các thẻ HTML  Các thuộc tính thẻ BODY: Thuộc tính Giá trị background file_name bgcolor text Mơ tả Một hình ảnh dùng làm hình Thường dùng style để thay rgb(x,x,x) Màu tài liệu Thường dùng #xxxxxx style để colornam thay e rgb(x,x,x) Màu chữ tài liệu Thường dùng #xxxxxx style colornam để thay e 3/ Các thẻ HTML  Ví dụ 1: thẻ html thẻ body: My first HTML page Ěây nội dung website tơi…  Các bước thực hiện: • Mở notepad lưu lại với tên hello.html (phần encoding: UTF-8) • Ěánh lại nội dung vào notepad • Mở trình duyệt IE chọn file hello.html để xem kết