Bài học cùng chủ đề
Bài 3. Thực hành định dạng văn bản và tạo siêu liên kết SVIP
1. Tạo tiêu đề mục cho trang web
❓Yêu cầu: Tạo tệp "Bai3-NV1.html" chứa các thông tin cần hiển thị trên trang web theo yêu cầu sau:
– Tiêu đề trang: Trang web cá nhân.
– Dòng đầu tiên: Trang web cá nhân của <Tên của em> với tiêu đề mục Heading 1.
– Mỗi mục viết trên một dòng với tiêu đề mục Heading 2: Thông tin cá nhân, Sở thích.
⚡Hướng dẫn thực hiện:
Bước 1. Mở phần mềm Sublime Text, chọn File\New File và lưu tệp với tên là “Bai3-NV1.html”.
Bước 2. Tạo cấu trúc và khai báo phần tử.
– Dòng đầu tiên: khai báo thẻ <!DOCTYPE html> và cặp thẻ <html></html>.
– Trong nội dung cặp thẻ html:
+ Khai báo: <head></head> và <body></body>.
– Trong nội dung phần tử head:
+ Khai báo tiêu đề trang web bằng <title></title>.
+ Thiết lập hiển thị đúng tiếng Việt trên trình duyệt bằng: <meta charset=“utf-8”>.
Bước 3. Sử dụng phần tử h1 và h2 để trình bày tiêu đề mục Heading 1 và Heading 2 trong phần tử body.
Bước 4. Ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.
Câu hỏi:
@205945113402@@205945120707@
2. Làm nổi bật nội dung cho trang web
❓Yêu cầu:
1) Soạn nội dung chi tiết cho mỗi mục đã có tiêu đề trong trang web.
– Mục Thông tin cá nhân cần có các thông tin: "Họ và tên, Sinh năm, Quê quán".
– Mục Sở thích, nêu các sở thích: "Đọc sách: Các tác phẩm của nhà văn Nguyễn Nhật Ánh; Thể thao: Chơi bóng chuyền, Chơi cầu lông".
2) Trình bày trang web như sau:
– Các nội dung trong từng mục được trình bày dưới dạng các đoạn văn bản.
– Nội dung trong mục Sở thích được in nghiêng.
⚡Hướng dẫn thực hiện:
Bước 1. Mở tệp "Bai3-NV1.html", ghi lưu tệp với tên mới là "Bai3-NV2.html".
Bước 2. Cập nhật nội dung cho phần tử.
– Sử dụng phần tử p để tạo đoạn văn ghi nội dung sau tiêu đề mục Thông tin cá nhân.
– Làm tương tự như trên với tiêu đề mục Sở thích.
Bước 3. Làm nổi bật nội dung trang web.
Kết hợp sử dụng phần tử p và phần tử em để in nghiêng các nội dung cụ thể.
Bước 4. Ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.
Câu hỏi:
@205945128611@
3. Tạo siêu liên kết
❓Yêu cầu: Tạo siêu liên kết để cung cấp thêm thông tin về Quê quán.
⚡Hướng dẫn thực hiện:
Bước 1. Mở tệp "Bai3-NV2.html", ghi lưu tệp với tên mới là "Bai3-NV3.html".
Bước 2. Sửa nội dung dòng thông tin Quê quán để tạo siêu liên kết bằng cách sử dụng phần tử a.
<p>Quê quán: <a href="">tên tỉnh</a></p>
Bước 3. Ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.
Câu hỏi:
@205945142703@@205945148840@