Bài học cùng chủ đề
Bài F1. HTML và trang web SVIP
1. Giới thiệu ngôn ngữ HTML
HTML (Hypertext Markup Language) là ngôn ngữ đánh dấu dùng để thiết lập cấu trúc và hiển thị nội dung trang web.
Mỗi thành phần của trang web bao gồm văn bản, hình ảnh, âm thanh,... đều được định dạng bằng HTML tương ứng.
Mỗi phần tử HTML tương ứng được thể hiện bằng một thẻ (tag) và có thể đính kèm các thuộc tính (attribute).
2. Cấu trúc, nội dung trang web và các phần tử HTML
Phần tử HTML: hai cặp thẻ đóng và thẻ mở; hoặc chỉ có thẻ mở.
Viết mã HTML bằng các trình soạn thảo văn bản phổ biến như: Visual Studio Code, Notepad,...
🔷Dưới đây là một cấu trúc của trang web cơ bản.
Theo đoạn mã trên, cấu trúc của trang web gồm các thành phần sau:
- <!DOCTYPE html>: khai báo với trình duyệt rằng trang web sử dụng HTML5.
- Cặp thẻ <html></html> giúp trình duyệt nhận biết đây là một tài liệu được viết bằng ngôn ngữ HTML, tất cả thẻ khác đều nằm bên trong cặp thẻ này.
- Cặp thẻ <head></head> chứa các phần mở đầu của trang web nhằm cung cấp thông tin của trang web cho trình duyệt và các công cụ tìm kiếm trên Internet.
- Thẻ <meta charset="utf-8"> giúp trình duyệt nhận biết trang web sử dụng utf-8.
- Cặp thẻ <title></title> dùng để định nghĩa tiêu đề của trang web, hiển thị trên thanh tiêu để hoặc cửa sổ của trình duyệt.
- Cặp thẻ <body></body> dùng để định nghĩa phần nội dung chính của trang web.
- Cặp thẻ <h1></h1> dùng để định nghĩa để mục cấp độ 1.
- Cặp thẻ <p></p> dùng để định nghĩa một đoạn văn bản.
- Nội dung đặt trong cặp kí hiệu <!-- --> là phần ghi chú, không hiển thị lên trang web.
🔻Khi sử dụng nhiều thẻ HTML lồng nhau, cần lưu ý phải đóng thẻ bên trong trước, đóng thẻ bên ngoài sau.
🔻Một số phần tử chỉ có thẻ mở là: <br>, <hr>, <img>,...
🔻Mỗi thẻ HTML có thể có một hoặc nhiều thuộc tính hoặc không có thuộc tỉnh để định dạng nội dung.
<thẻ_mở thuộc_tính_1="giá_trị_1" thuộc_tính_2="giá_trị_2" ...></thẻ_đóng (nếu có)>
Bạn có thể đánh giá bài học này ở đây