Viết tắt của HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản). Thực tế HTML hiện tại được gọi là XHTML – eXtended HyperText Markup Language Tập hợp các thẻ (tags) theo một quy tắc để quy định cách thức trình bày HTML không phải là một ngôn ngữ lập trình Tệp tintrang có phần mở rộng là .htm, .html Là một tệp tin văn bản, có thể soạn thảo trên bất cứ trình soạn thảo văn bản nào.
Phát triển ứng dụng WEB Web Application Development Giảng viên: ThS Hoàng Anh Đức - Mobile: 0986999984 - Email: ducha.humg@gmail.com Bộ môn Công nghệ phần mềm, Phòng 703, Nhà C12 tầng Giới thiệu HTML • Viết tắt HyperText Mark-up Language (ngôn ngữ đánh dấu siêu văn bản) • Tập hợp thẻ (tags) theo quy tắc để quy định cách thức trình bày • HTML ngôn ngữ lập trình • Tệp tin/trang có phần mở rộng htm, html • Là tệp tin văn bản, soạn thảo trình soạn thảo văn Thẻ (tag) • Thẻ đặt cặp dấu „‟ • Thẻ thường theo cặp : thẻ bắt đầu thẻ kết thúc (start tag & end tag) • Ví dụ : • … • … • … Thuộc tính (Attribute) • Nhiều thẻ có thêm thuộc tính, cung cấp thêm thông tin cho thẻ • Thuộc tính thẻ đặt thẻ bắt đầu có cú pháp : name = value • Ví dụ : • … • … Cấu trúc trang HTML … ………………… …………………… Phần mở đầu Phần nội dung Phần quan trọng, thiếu Thẻ “head” …………… … … ………… … Các thẻ định dạng khối (tiếp) • Thẻ xuống dòng (không có thẻ kết thúc tương ứng ) • Thẻ địa … Các thẻ định dạng ký tự • Chữ đậm: • … • … • Chữ nghiêng: • … • … • Chữ gạch chân: • … Các thẻ định dạng ký tự (tiếp) • Thẻ … • Định dạng phông chữ: … • Định dạng cỡ chữ: … • Định dạng màu chữ: … List & datalist • Được sử dụng phép người dùng chọn nội dung từ danh sách lựa chọn nằm datalist • Selection list • Được sử dụng phép người dùng chọn nội dung từ danh sách lựa chọn nằm option khác • … … … • Ví dụ : Internet Explorer Firefox Chrome Opera Safari Cốc cốc Selection list dạng bảng lựa chọn • Được sử dụng phép người dùng chọn nhiều nội dung từ danh sách lựa chọn nằm option khác • … … … • Ví dụ : Internet Explorer Firefox Chrome Opera Safari Cốc cốc Keygen • Được sử dụng để tạo chuỗi dùng để tạo mã bảo mật, mã tạo ngẫu nhiên khác [...]... • Định dạng chỉ số dưới … Thẻ ảnh (Image) • Để chèn ảnh vào trang HTML • • Ví dụ : Thẻ liên kết (Link) • Được sử dụng để kết nối tới một trang html khác hoặc trên cùng trang web đó (liên kết nội) • … • Ví dụ : • Click here... to go up BÀI VỀ NHÀ 22/02/2016 • Sử dụng HTML để viết trang web có các nội dung như sau: • Thông tin sinh viên, nội dung gồm: Họ và tên, ngày tháng năm sinh, giới tính, quê quán, lớp, trường, ảnh cá nhân (sử dụng ảnh vừa gửi cho giáo viên) (Mỗi thông tin được ghi trên 1 dòng) Riêng thông tin về trường là đường link đến trang www.humg.edu.vn • Chú ý không copy bài, nếu kiểm tra trùng bài => 0 điểm... submit form • Ví dụ : Email: Text field dạng telephone • Kiểu tel (trường telephone) là một trường văn bản được thiết kế để chứa các số điện thoại Trường tel có các thuộc tính required, placeholder, size, và pattern • Ví dụ : Telephone: