Xay dng trang web html css

Media viettel   MỤC LỤC 2 CƠ SỞ LÝ THUYẾT 1.1 TỔNG QUAN VỀ NGÔN NGỮ HTML 1.1.1 Giới thiệu HTML HTML (Hyper Text Markup Language - Ngôn ngữ đánh dấu siêu văn bản) định dạng để báo cho trình duyệt Web (Web browser) biết cách để hiển thị trang Web Các trang Web thực khơng có khác ngồi văn với thẻ (tag) HTML xếp cách đoạn mã để trình duyệt Web biết cách để thơng dịch hiển thị chúng lên hình Tên gọi ngơn ngữ dánh dấu siêu văn có ý nghĩa sau: Đánh dấu (Markup): HTML ngôn ngữ thẻ đánh dấu - Tag Các thẻ xác định cách thức trình bày đoạn văn tương ứng hình Ngơn ngữ (Language): HTML ngôn ngữ tương tự ngôn ngữ lập trình, nhiên đơn giản Nó có cú pháp chặt chẽ để viết lệnh thực việc trình diễn văn Các từ khố có ý nghĩa xác định cộng đồng Internet thừa nhận sử dụng Ví dụ b = bold, ul = unordered list,… Văn (Text): HTML trước hết để trình bày văn dựa tảng văn Các thành phần khác hình ảnh, âm thanh, hoạt hình phải "cắm neo" vào đoạn văn Siêu văn (HyperText): HTML cho phép liên kết nhiều trang văn rải rác khắp nơi Internet Nó có tác dụng che dấu phức tạp Internet người sử dụng Người dùng Internet đọc văn mà khơng cần biết đến văn nằm đâu, hệ thống xây dựng phức tạp HTML thực vượt ngồi khn khổ khái niệm văn cổ điển 1.1.2 Trang mã nguồn HTML trang Web 3 Trang mã nguồn HTML tệp văn bình thường gồm kí tự ASCII, tạo trình soạn thảo thông thường Theo quy ước, tất tệp mã nguồn trang siêu văn phải có html htm Khi trình duyệt (browser) đọc trang mã nguồn HTML, dịch thẻ lệnh hiển thị lên hình máy tính ta thường gọi trang Web Vậy trang web không tồn đĩa cứng máy tính cục Nó thể trang mã nguồn qua việc xử lý trình duyệt Như sau ta thấy, trình duyệt khác hiển thị trang mã nguồn khơng hồn tồn giống Nói soạn thảo siêu văn tức tạo trang mã nguồn HTML quy định để độ duyệt hiểu hiển thị Sử dụng HTML để soạn thảo trang siêu văn bản, nguyên tắc không khác so với dùng soạn thảo văn thông thường Chẳng hạn, soạn thảo văn thông thường, để làm bật tiêu đề ta phải đánh dấu chọn cỡ to, Chương trình soạn thảo văn chèn dấu hiệu thích hợp (ta khơng nhìn thấy được) vào đầu cuối đoạn tiêu đề chọn để thể theo yêu cầu Với HTML tương tự 1.1.3 Thẻ (tag) HTML gì? Để biểu diễn thơng tin trang web, www sử dụng ngơn ngữ HTML để trình bày thơng tin Mỗi thơng tin chi tiết trình bày định dạng dựa vào cặp thẻ (tag) HTML tương ứng - Mỗi cặp thẻ bao gồm: thẻ mở thẻ đóng Tên thẻ mở thẻ đóng giống đặt tỏng cặp dấu - Trong thẻ mở có thêm tham số phía sau tên thẻ - Trong thẻ đóng có thêm dấu / phía trước tên thẻ - Dữ liệu cần trình bày đặt cặp thẻ mở thẻ đóng 4 - Có số thẻ khơng thiết phải viết thẻ đóng - Có thể đặt cặp thẻ HTML lồng Cấu trúc chung thẻ (tag) HTML sau: Thông tin cần trình bày Ví dụ: chữ đậm chữ nghiêng chữ gạch chân chữ vừa đậm vừa nghiêng 1.1.4 Cấu trúc trang HTML Tiêu đề trang web Nội dung trang web 1.1.5 Các quy tắc chung Một số điều cần lưu ý soạn thảo siêu văn HTML: - Nhiều dấu cách liền có tác dụng dấu cách Bạn phải sử dụng thẻ để thể nhiều dấu giãn cách liền - Gõ Enter để xuống dòng xem dấu cách, để xuống hàng phải sử dụng thẻ tương ứng - Có thể viết tên thẻ khơng phân biệt chữ in thường in hoa 5 - Vì kí tự dấu lớn ">", dấu nhỏ "