Font size
WorksheetsKTGK I
Total questions: 67
Worksheet time: 35mins
HTML là viết tắt của cụm từ nào?
Hyper Transfer Markup Language
HyperText Markup Language
HighText Machine Language
HyperText Machine Learning
Đuôi tệp văn bản của một trang web HTML thường là gì?
.doc hoặc .docx
.txt
.html hoặc .htm
.web
Phần tử gốc của tài liệu HTML là gì?
<head>
<body>
<html>
<title>
Thẻ nào để định nghĩa tiêu đề hiển thị trên tab trình duyệt?
<h1>
<title>
<head>
<meta>
Trong HTML, thẻ nào để phân đoạn văn bản?
<p>
<br>
<h1>
<div>
Thẻ nào dưới đây là thẻ đơn (không cần thẻ đóng)?
<h1>
<p>
<title>
<img>
Lệnh khai báo đầu tiên trong một tệp HTML5 là gì?
<doctype html>
<!DOCTYPE html>
<html>
<head>
Sự khác nhau cơ bản giữa “thẻ HTML” và “phần tử HTML” là gì?
Thẻ và phần tử giống nhau.
Thẻ là cặp mở–đóng; phần tử chỉ là nội dung.
Thẻ là ký hiệu <...>; phần tử = thẻ + nội dung (nếu có)
Thẻ chỉ có trong <body>, phần tử chỉ có trong <head>.
Trong một tệp HTML, phần nào chứa nội dung hiển thị ra màn hình?
<html>
<body>
<head>
<title>
Vì sao cần có khai báo <!DOCTYPE html> ở đầu tệp HTML?
Để trang web chạy nhanh hơn.
Để khai báo loại tài liệu và giúp trình duyệt hiển thị chính xác
Để đánh số các thẻ HTML.
Để thêm tiêu đề cho trang web.
Cấu trúc cây của HTML phản ánh điều gì?
Thứ tự xuất hiện của các thẻ.
Quan hệ cha – con giữa các phần tử
Màu sắc hiển thị trên trang.
Tốc độ tải trang.
Thẻ <head> KHÔNG thể chứa phần tử nào dưới đây?
<title>
<meta>
<p>
<style>
Khi viết mã HTML, việc thụt đầu dòng (indent) nhằm mục đích gì?
Làm cho trang chạy nhanh hơn.
Giúp trình duyệt dễ hiểu hơn.
Giúp con người đọc mã dễ hiểu hơn
Tạo hiệu ứng trình bày đẹp hơn
Vì sao HTML không được coi là ngôn ngữ lập trình?
Vì không chạy trên máy tính.
Vì chỉ mô tả cấu trúc, không có vòng lặp, điều kiện
Vì không hỗ trợ văn bản.
Vì không chạy trên Internet.
Đoạn mã nào tạo ra trang web với tiêu đề “Trang của tôi” và hiển thị dòng chữ “Xin chào”?
<html><body>Xin chào</body></html>
<html><head>Trang của tôi</head><body>Xin chào</body></html>
<!DOCTYPE html><html><head><title>Trang của tôi</title></head><body>Xin chào</body></html>
<html><title>Trang của tôi</title><body>Xin chào</body></html>
Cho đoạn mã:
<html>
<body>
<h1>Xin chào</h1>
<p>Học HTML</p>
</body>
</html>
Trong cây HTML, phần tử <h1> là gì?
Phần tử gốc
Phần tử con trực tiếp của <body>
Phần tử con của <html>
Phần tử con của <p>
Nếu bỏ thẻ </p> trong đoạn HTML thì điều gì xảy ra?
Trình duyệt báo lỗi ngay.
Trình duyệt tự động hiểu và hiển thị xuống dòng
Trang web không hiển thị gì.
Trang web chỉ hiện tiêu đề.
Muốn hiển thị hình ảnh “logo.png” trong cùng thư mục, cú pháp đúng là gì?
<img src="logo.png">
<image src="logo.png">
<img href="logo.png">
<logo src="logo.png">
Đoạn mã nào tạo một đoạn văn bản “Học HTML thật thú vị” được coi là 1 đoạn văn?
<h1>Học HTML thật thú vị</h1>
<div>Học HTML thật thú vị</div>
<p>Học HTML thật thú vị</p>
<title>Học HTML thật thú vị</title>
Bài giải:<p> dùng cho đoạn văn bản.
Để gõ tiếng Việt có dấu trong HTML, cần chỉ định gì trong <head>?
<title>UTF-8</title>
<meta charset="utf-8">
<style>utf-8</style>
<body charset="utf-8">
Thẻ nào dùng để tạo đoạn văn bản trong HTML?
<div>
<p>
<span>
<br>
Thuộc tính thường dùng để định dạng trực tiếp cho phần tử HTML là gì?
color
style
font
class
Trong các thẻ sau, thẻ nào là thẻ tiêu đề cấp cao nhất?
<h6>
<h1>
<title>
<head>
Thẻ nào dùng để xuống dòng trong văn bản HTML?
<p>
<hr>
<br>
<line>
Thẻ nào KHÔNG được khuyến khích trong HTML5?
<em>
<strong>
<u>
<span>
Đoạn văn trong HTML bắt đầu bằng thẻ <p> và kết thúc bằng?
</p>
<p/>
</div>
</br>
Thẻ nào dùng để tạo đường kẻ ngang phân cách nội dung?
<hr>
<br>
<line>
<border>
Điểm khác biệt giữa <div> và <span> là gì?
<div> inline, <span> block
<div> block, <span> inline
Cả hai đều block
Cả hai đều inline
Tại sao nên dùng <em> thay vì <i> khi muốn in nghiêng?
<i> không được HTML5 hỗ trợ
<em> có ý nghĩa ngữ nghĩa, nhấn mạnh
<em> hiển thị to hơn
<em> chỉ dùng trong <p>
Khi sử dụng <h1> đến <h6>, lợi ích chính ngoài việc hiển thị là gì?
Giúp in đậm chữ
Giúp tìm kiếm, hỗ trợ SEO và cấu trúc tài liệu
Tăng tốc độ tải trang
Tạo đường kẻ ngang
Tại sao nên hạn chế dùng inline style trong HTML?
Không hỗ trợ trên trình duyệt
Khó bảo trì, khó tái sử dụng
Không thể đổi màu chữ
Làm hỏng cấu trúc HTML
Lệnh <br> khác gì so với <p>?
<br> tạo đoạn văn, <p> chỉ ngắt dòng
<br> xuống dòng, <p> tạo đoạn văn
Cả hai giống nhau
<p> chỉ dùng trong tiêu đề
Thuộc tính font-size: 20px; trong style có nghĩa gì?
Tạo chữ đậm
Cỡ chữ 20 pixel
Đặt chiều rộng 20 pixel
Khoảng cách 20 pixel
Trong HTML5, cách đúng để tạo chữ in đậm có ý nghĩa là gì?
<b>
<i>
<strong>
<font>
Đoạn mã nào đúng để tạo tiêu đề "Xin chào" màu đỏ?
<h1 color="red">Xin chào</h1>
<h1 style="color:red">Xin chào</h1>
<h1 font="red">Xin chào</h1>
<h1 style="font:red">Xin chào</h1>
Đoạn nào tạo chữ “Học HTML” vừa đậm vừa nghiêng?
<b><i>Học HTML</i></b>
<em><strong>Học HTML</strong></em>
<italic><bold>Học HTML</bold></italic>
<strong><u>Học HTML</u></strong>
Chọn cách viết đúng để chèn đoạn văn bản xanh chữ 18px:
<p style="font:18px green">Đoạn văn</p>
<p style = "color : green ; font-size : 18 px ; ">Đoạn văn</p>
<p font="18px green">Đoạn văn</p>
<p size="18" color="green">Đoạn văn</p>
Cho mã sau:
<p style="font-size : 16px">Xin chào
<br>Thế giới!</p>
Trình duyệt sẽ hiển thị thế nào?
"Xin chào Thế giới!" cùng dòng
"Xin chào" và "Thế giới!" khác dòng
Báo lỗi cú pháp
Cả 2 dòng có gạch chân
Đoạn nào dùng đúng <div> và <span>?
<span><h1>Tiêu đề</h1></span>
div>Đoạn văn <span style="color : blue">nổi bật</span></div>
<div>Xin chào</div><div>Thế giới</span>
<span>Đoạn văn</div>
Đoạn nào sai về ngữ nghĩa HTML5?
<strong>Quan trọng</strong>
<em>Chú ý</em>
<u>Gạch chân</u>
<h2>Tiêu đề phụ</h2>
Xem đoạn mã sau và xác định đúng/sai:
<table border="1">
<tr>
<th>STT</th>
<th>Họ tên</th>
</tr>
<tr>
<td>1</td>
<td>An</td>
</tr>
</table>
Đoạn mã trên tạo bảng có 2 cột và 2 hàng.
<th> trong hàng đầu tiên hiển thị chữ in đậm và căn giữa.
Nếu thay <th> bằng <td> thì vẫn tạo được bảng với định dạng giống hệt.
border="1" quy định độ rộng của bảng là 1 cột.
Xem đoạn mã sau và trả lời:
<ol type="A" start="3">
<li>Toán</li>
<li>Lý</li>
</ol>
Danh sách trên gồm 2 phần tử.
Các phần tử hiển thị là ; A. Toán ;B.Lý
Các phần tử hiển thị là C. Toán; D.Lý
Thuộc tính start="3" quy định bắt đầu đánh số từ phần tử thứ 3 theo kiểu đã chọn
Khái niệm nào sau đây mô tả đúng nhất về siêu văn bản?
Văn bản chỉ chứa chữ thuần túy
Văn bản chỉ chứa hình ảnh
Văn bản có thể chứa nhiều dạng dữ liệu và các siêu liên kết
Văn bản chỉ chứa âm thanh
Thẻ HTML dùng để tạo liên kết là:
<link>
<a>
<href>
<p>
Trong đoạn mã <a href="https://www.google.com/">Google</a>, phần chữ “Google” gọi là gì?
Thuộc tính
Địa chỉ URL
Nội dung hiển thị liên kết
Giao thức
Đường dẫn tuyệt đối luôn bắt đầu bằng:
C:/
../
http:// hoặc https://
./
Đường dẫn tương đối được sử dụng khi:
Liên kết tới file trong ổ D:
Liên kết tới một website khác trên Internet
Liên kết tới file trong cùng website (cùng máy chủ)
Liên kết tới một tài liệu PDF trên web ngoài
Để liên kết tới file abc.html nằm cùng thư mục với file hiện tại, ta viết:
Trong đoạn mã <a href="#lich">Xem lịch</a>, kí hiệu #lich dùng để:
Liên kết tới 1 website
Liên kết tới file trong thư mục cha
Liên kết trong cùng trang đến phần tử có id="lich"
Liên kết tới hình ảnh
Khi muốn bấm vào ảnh để mở trang info.html, ta viết:
<img src="info.html">
<a href="info.html"><img src="hinh.png"></a>
<link href="info.html">
<a src="hinh.png">info.html</a>
Đoạn mã nào dưới đây là liên kết ngoài?
<a href="index.html">Trang chủ</a>
<a href="../info.html">Thông tin</a>
<a href=" https :// thptabc . edu .vn /"> Website trường</a>
<a href="class/schedule.html">Thời khóa biểu</a>
Tại sao khi liên kết tới Google cần dùng đường dẫn tuyệt đối?
Vì Google nằm trong cùng website
Vì Google là website ngoài, cần ghi đầy đủ giao thức và tên miền
Vì không thể dùng đường dẫn tương đối
Vì đường dẫn tuyệt đối gõ nhanh hơn
Sự khác biệt chính giữa đường dẫn tuyệt đối và đường dẫn tương đối là gì?
Tuyệt đối luôn ngắn hơn
Tương đối chỉ dùng cho hình ảnh
Tuyệt đối ghi đầy đủ địa chỉ, tương đối dựa trên vị trí file hiện tại
Không có sự khác biệt
Khi dùng <a href="../info.html">Thông tin</a>, điều đó có nghĩa là:
File info.html nằm cùng thư mục
File info.html nằm ở thư mục cha của file hiện tại
File info.html nằm trong thư mục con
File info.html là liên kết ngoài Internet
Khi bấm vào liên kết mà không mở được file, nguyên nhân có thể là:
Sai chính tả tên file hoặc sai vị trí thư mục
Máy tính không có Internet
Trình duyệt không hỗ trợ HTML
Máy tính chưa cài Office
Trong đoạn mã sau:
<a href="#CLB">Lịch hoạt động</a>
<table id="CLB">...</table>
Ý nghĩa là gì?
Liên kết ngoài Internet
Liên kết trong cùng trang đến bảng có id="CLB"
Liên kết tới thư mục cha
Liên kết tới file CLB.html
Trong website lớp 12A có 2 file: index.html và thoikhoabieu.html (cùng thư mục). Viết liên kết từ index.html sang trang thời khóa biểu.
<a href="thoikhoabieu.html">Xem thời khóa biểu</a>
<a href="/thoikhoabieu.html">Xem thời khóa biểu</a>
<a href="../thoikhoabieu.html">Xem thời khóa biểu</a>
<a href="https://thoikhoabieu.html">Xem thời khóa biểu</a>
Muốn tạo nút “Website trường” để khi nhấp mở trang https://thptabc.edu.vn/, đoạn mã đúng là:
<a href="thptabc.edu.vn">Website trường</a>
<a src="https://thptabc.edu.vn/">Website trường</a>
<a href="https://thptabc.edu.vn/">Website trường</a>
<link href="https://thptabc.edu.vn/">Website trường</link>
Hãy chọn đoạn mã đúng để khi nhấp vào chữ “Lịch tập” thì trang cuộn xuống bảng có id="lichtap".
<a href="#lichtap">Lịch tập</a>
<a href="lichtap">Lịch tập</a>
<a href="./lichtap">Lịch tập</a>
<a id="lichtap">Lịch tập</a>
Hãy viết liên kết để khi bấm vào ảnh logo.png sẽ mở file info.html.
<a src="info.html"><img href="logo.png"></a>
<a href="logo.png"><img src="info.html"></a>
<img src="logo.png"><a href="info.html"></a>
<a href="info.html"><img src="logo.png"></a>
Giả sử có cấu trúc thư mục sau:
/lop12a
├── index.html
└── thongtin
└── clb.html
Để từ index.html liên kết tới clb.html, viết đúng là:
<a href="clb.html">CLB</a>
<a href="thongtin/clb.html">CLB</a>
<a href="../clb.html">CLB</a>
<a href="/thongtin/clb.html">CLB</a>
Trong file CLB.html, muốn tạo liên kết quay lại trang chính index.html nằm ở thư mục cha, ta viết:
<a href="index.html">Trang chủ</a>
<a href="../index.html">Trang chủ</a>
<a href="/index.html">Trang chủ</a>
<a href="https://index.html">Trang chủ</a>
Về khái niệm siêu văn bản và siêu liên kết, phát biểu nào đúng?
Siêu văn bản có thể chứa văn bản, hình ảnh, âm thanh, video.
Siêu liên kết là đoạn văn bản bình thường, không thể nhấp chuột.
Thẻ <a> được dùng để tạo siêu liên kết trong HTML.
Siêu văn bản chỉ chứa được chữ, không chứa đa phương tiện.
Về đường dẫn trong HTML, mệnh đề nào đúng?
Đường dẫn tuyệt đối luôn bắt đầu bằng http:// hoặc https://.
Đường dẫn tương đối được dùng khi liên kết đến file trong cùng website.
Đường dẫn tuyệt đối thích hợp khi liên kết tới file trong cùng thư mục.
Đường dẫn tương đối mô tả vị trí tài liệu dựa trên file hiện tại.
Xét các loại liên kết sau, mệnh đề nào chính xác?
Liên kết ngoài sử dụng đường dẫn tuyệt đối.
Liên kết trong website luôn dùng đường dẫn tuyệt đối.
Liên kết trong cùng trang được thực hiện bằng id và href="#id"
Liên kết đến hình ảnh chỉ có thể thực hiện bằng thẻ <img>.
Lan đang thiết kế website lớp. Chọn phát biểu đúng
Để liên kết từ index.html sang thoikhoabieu.html (cùng thư mục) cần dùng đường dẫn tương đối.
Viết <a href="https://thptabc.edu.vn/">Trang Trường</a> là liên kết ngoài.
Nếu viết <a href="thoikhoabieu.html">TKB</a>, khi mở file index.html, nhấn sẽ mở trang TKB.
Liên kết nội trong cùng website bắt buộc phải dùng đường dẫn tuyệt đối.
Trong website CLB, Huy muốn từ đầu trang nhấp vào “ߓż/span> Lịch tập” để cuộn xuống bảng lịch tập. Chọn mệnh đề đúng.
Cần gắn thuộc tính id="lichtap" cho bảng lịch.
Liên kết viết: <a href="#lichtap">ߓż/span> Lịch tập</a>.
Cách này gọi là liên kết ngoài.
Khi nhấp vào, trang sẽ cuộn xuống đúng vị trí bảng.
