Bài giảng Giới thiệu ngôn ngữ HTML

II.1.1 Thành phần HTML Một văn bản HTML hay một trang Web thường có 2 thành phần chính: phần đầu và phần thân Phần đầu văn bản (document head) Cho biết tiêu đề của văn bản và thiết lập các quan hệ giữa văn bản với hệ thống thư mục Mở đầu bằng thẻ và kết thúc bằng Thông tin duy nhất trong phần đầu được trình duyệt Web hiển thị là tiêu đề của văn bản II.1 Giới thiệu Phần thân văn bản (document body) Bắt đầu bởi thẻ và kết thúc bởi , chứa nội dung chính của văn bản Cung cấp thông tin cho người dùng kết hợp với Văn bản, hình ảnh, âm thanh, Biếu mẫu (form) để người dùng thực hiện điền thông tin như tìm kiếm, tra cứu,.. Chứa các liên kết (hyperlink) với các văn bản khác Thành phần của HTML được định nghĩa bởi các thẻ HTML II.1.1 Thành phần HTML II.1.2 Thẻ HTML HTML dùng các thẻ để đánh dấu, định dạng văn bản . Mỗi thẻ trong văn bản HTML được đặt trong ngoặc có dạng như sau Ví dụ . Một số thẻ còn có cả các tham số (thuộc tính) để bổ xung thêm chức năng thẻ đó Ví dụ: Trong HTML có hai loại thẻ đó là thẻ chứa và thể rỗng Thẻ rỗng Chỉ có một thành phần và không bao một đoạn tài liệu nào cả Loại thẻ mô tả định dạng hoặc thẻ mô tả cấu trúc Thông thường loại thẻ này chỉ có tác động tại vị trí xuất hiện thẻ đó. Ví dụ: thẻ : ngắt dòng Cũng có loại thẻ rỗng mà có thể tác động tới của đoạn văn bản đi sau nó cho tới khi gặp một thẻ cùng kiểu. Ví dụ: thẻ : đề mục của danh sách II.1.2 Thẻ HTML Thẻ chứa: Là các thẻ có hai thành phần: phần đầu và phần cuối thẻ Một thẻ chứa có phần đầu và đuôi gần giống hệt nhau chỉ khác ở chỗ phần đuôi thẻ có ký tự "/" trước tên thẻ Ví dụ và ; và Hai thành phần của thẻ sẽ bao bọc một đoạn văn bản nào đó và đặt kiểu định dạng cho đoạn văn bản đó. Ví dụ thẻ dùng để đặt dạng chữ nghiêng, nếu trong một văn bản HTML có đoạn: Thẻ HTML không phân biệt chữ hoa và chữ thường. II.1.2 Thẻ HTML II.1.3 Thuộc tính của thẻ HTML Những thẻ HTML đều có những thuộc tính riêng Những thuộc tính này cung cấp thông tin về thành phần HTML của trang web. Thuộc tính luôn luôn đi kèm một cặp như name/value: name="value" (tên="giá trị") Thuộc tính luôn luôn được thêm vào thẻ mở đầu của thành phần HTML. Ví dụ: hoặc Một thẻ có thể có nhiều thuộc tính: Ví dụ: Thẻ đóng không có thuộc tính Chú ý: Chúng ta đều biết thẻ html không phân biệt chữ hoa và chữ thường nhưng ta nên viết theo 1 tiêu chuẩn thống nhất được đặt theo tiêu chuẩn W3C để sau này dễ làm viêc hơn. II.1.3 Thuộc tính của thẻ HTML  II.2 CÁC THẺ CƠ BẢN TRONG HTML II.2.1 Thẻ Dùng để xác định tài liệu HTML Toàn bộ tài liệu HTML nằm trong thẻ này Cú pháp: Toàn bộ nội dung trang web II.2.2 Thẻ Dùng để xác định nội chính của của tài liệu Chứa các thông tin về định dạng về văn bản cũng như đồ họa, văn bản siêu liên kết, đặt lề trang Cú pháp Nội dung của tài liệu II.2.3 Thuộc tính tùy chọn Ví dụ My first HTML page Look: Colored Background! II.2.3 Thẻ Đây là headingĐây là headingĐây là headingĐây là headingĐây là headingĐây là heading Headings được định nghĩa bằng các thẻ từ đến . : heading lớn nhất. : heading nhỏ nhất II.2.4 Thẻ ngắt dòng Được sử dụng khi bạn muốn kết thúc một dòng nhưng lại không muốn bắt đầu một đoạn văn khác. Thẻ sẽ tạo ra một lần xuống dòng khi bạn viết nó. Thẻ là một thẻ rỗng. Nó không có thẻ đóng. Thẻ sẽ ngắt dòng ngay tại vị trí mà nó được đặt. II.2.5. Thẻ ngắt đoạn Các đoạn được khai báo bởi thẻ . This is a paragraph Tag This is another paragraph Tag HTML sẽ tự động thêm một dòng trống vào trước và sau mỗi đoạn. II.2.4. Thẻ Định nghĩa và cách sử dụng Thẻ sẽ vẽ một thước ngang. Ví dụ The hr tag defines a horizontal rule: This is a paragraph This is a paragraph This is a paragraph II.2.4. Thẻ Thẻ chú thích được sử dụng để thêm lời chú thích trong mã nguồn của HTML. Một dòng chú thích sẽ được bỏ qua bởi trình duyệt. Sử dụng chú thích để giải thích về code, để sau này bạn có phải quay lại chỉnh sửa gì thì cũng dễ nhớ hơn. This is a regular paragraph Ví dụ The end