Bài F2. Tạo và định dạng trang web với các thẻ HTML

Khởi động (SGK Chân trời sáng tạo - Trang 106)

Hướng dẫn giải

Trong Hình 1, mỗi dòng trên trang web được định nghĩa bằng thẻ sau: <h1>, <h2>, <p>, <hr>.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Câu hỏi 1 mục 1 (SGK Chân trời sáng tạo - Trang 108)

Hướng dẫn giải

Trong HTML có những thẻ nào để định dạng đề mục: Để định nghĩa các đề mục của trang web theo từng cấp độ, HTML sử dụng các thẻ <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Trong đó <h1> là đề mục cao cấp nhất và <h6> là đề mục cấp thấp nhất. Trình duyệt sẽ hiển thị các đề mục theo các kích thước khác nhau, đề mục cấp cao hơn sẽ có kích thước chữ lớn hơn.
loading...

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Câu hỏi 2 mục 1 (SGK Chân trời sáng tạo - Trang 108)

Hướng dẫn giải

Nội dung được kết xuất trên trang web như sau:
loading...

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Câu hỏi 1 mục 2 (SGK Chân trời sáng tạo - Trang 110)

Hướng dẫn giải

Để tạo siêu liên kết trong trang web, ta sử dụng thẻ <a>.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Câu hỏi 2 mục 2 (SGK Chân trời sáng tạo - Trang 110)

Hướng dẫn giải

Nếu thẻ <a> không được khai báo thuộc tính href thì người dùng không thể nháy chuột vào nội dung bên trong thẻ <a>. Tại vì không có thuộc tính href nên không thể tạo liên kết.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Câu hỏi mục 3 (SGK Chân trời sáng tạo - Trang 112)

Hướng dẫn giải

Thẻ được sử dụng để tạo danh sách có thứ tự là: <li>, <ol>. Nên đáp án đúng là:

a. <li>

c. <ol>

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Luyện tập 1 (SGK Chân trời sáng tạo - Trang 112)

Hướng dẫn giải

Để định nghĩa các đề mục của trang web theo từng cấp độ, HTML sử dụng các thẻ <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Trong đó <h1> là đề mục cao cấp nhất và <h6> là đề mục cấp thấp nhất. Trình duyệt sẽ hiển thị các đề mục theo các kích thước khác nhau, đề mục cấp cao hơn sẽ có kích thước chữ lớn hơn.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Luyện tập 2 (SGK Chân trời sáng tạo - Trang 112)

Hướng dẫn giải

Cú pháp:

 

Code như sau:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Minh hoạ liên kết</title

</head>

<body>

<h2><a id="dautrang".Tiêu đề của trang</a></h2>

<p>

<a href="https://abc.xyz">Mo trang Alphabet</a><br>

<a href="https://internet.com" target="_blank">Mo trang internet.com</a><br>(

<a href="/tailieu/baihoc.pdf">Liên kết đến tệp baihoc.pdf</a><br>

<a href="mailto:abc@gmail.com">Liên kết đến địa chỉ email</a><br>

<a href="#">Liên kết không dẫn đến trạng nào</a><br>

<a href="#dautrang" Liên kết đến “Tiêu đề đầu trang”</a>

</p>

</body>

</html>

Kết quả:

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Luyện tập 3 (SGK Chân trời sáng tạo - Trang 112)

Hướng dẫn giải

Sau khi thay thế cặp thẻ <ul></ul> thành <ol></ol> và hai cặp thẻ <ol>/ol> thành <ul></ul> ta được code như sau:

<html>

<head>

<meta charset="utf-8">

ctitle,Minh hoạ danh sách lòng nhau</title>

</head>

<body>

<ol>

<li>Tài liệu thiết kế trang web

<ul>

<li>Tài liệu HTML</li> <li>Tài liệu CSS</li>

<li>Tài liệu Javascript</li>

</ul>

</li>

<li>Tài liệu tin học văn phòng

<ul>

<li>Tài liệu Word</li>

<li>Tài liệu Excel</li>

<li>Tài liệu PowerPoint</li>

</ul>

</li>

</ol>

</body>

</html>

Kết quả:
loading...

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Vận dụng 1 (SGK Chân trời sáng tạo - Trang 112)

Hướng dẫn giải

Code:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Kỉ yếu lớp 12A</title>

</head>

<body>

<h1>Thành viên lớp</h1>

<p>

    <a href="file:///D:/loptruong.html"Lớp trưởng: Nguyễn Minh Châu</a><br>

    <p>Lớp trưởng: Nguyễn Minh Châu</p>

    <a href="file:///D:/loppho.html"Lớp phó: Trần Thanh Tâm</a><br>

    <p>Lớp phó: Trần Thanh Tâm</p>

    <a href="file:///D:/T%C3%AAnminh.html"Thành viên 1: Trần Văn A</a><br>

    <p>Thành viên 1: Trần Văn A</p>

</p>

</body>

</html>

Kết quả:
loading...

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)