Thiết kế website với HTML (Cơ bản)

THIẾT KẾ WEBSITE Web Design Giảng viên: ThS Hoàng Anh Đức - Bộ môn Công nghệ phần mềm, khoa Công nghệ thông tin, trường Đại học Mỏ - Địa Chất - Mobile: 0986999984 - Email: ducha.humg@gmail.com WEB DESIGN (THS HOÀNG ANH ĐỨC) 13/07/2016 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 CỦA MỘT 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ữ: … 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