Font size
WorksheetsTest HTML , CSS Basic
Total questions: 124
Worksheet time: 1hrs 2mins
Thẻ dùng để hiển thị in nghiêng trong trang HTML là gì?
<b>
<sup>
<em>
<mark>
Thẻ dùng để hiển thị in đậm trong trang HTML là gì?
<b>
<em>
<sup>
<u>
Thẻ dùng hiển thị chỉ số trên trong HTML là gì?
<b>
<em>
<sup>
<ins>
Thẻ dùng để hiển thị gạch chân trong HTML là gì?
<sup>
<sub>
<mark>
<ins>
Thẻ dùng hiển thị gạch bỏ trong HTML là gì?
<sub>
<strike>
<u>
<mark>
Thẻ dùng để hiển thị highlight trong HTML là gì?
<em>
<mark>
<center>
<del>
Thẻ HTML nào dùng để chèn hình ảnh vào trang web?
<image src="image.gif">
<img href="image.gif>
<img src="image.gif">
<img>image.gif</img>
Để chỉ đường dẫn hình ảnh cat.png trong HTML trong dùng thuộc tính gì?
href="cat.png"
src="cat.png"
link="cat.png"
id="cat.png"
Có mấy loại vị trí đặt mã CSS?
3 loại bao gồm: Inline - Embed - External
4 loại bao gồm: Inline - Tag - Id - Class
3 loại bao gồm: Inline - Tag - Class
4 loại bao gồm: Inline - Id - Tag - Class
Có mấy loại selector trong CSS?
3 loại gồm: Class selector - Id selector - Inline selector
3 loại gồm: Id selector - Class selector - Tag selector
3 loại gồm: Class selector - Id selector - Embed selector
3 loại gồm: Inline selector - Tag selector - Embed selector
Để định dạng thẻ h1 có màu đỏ ta viết CSS như thế nào?
h1: red;
h1{ color: red; }
h1:{ color: red; }
h1:{ color: 'red'; }
Để định dạng class my-class có màu xanh, ta dùng CSS như thế nào?
my-class: blue;
my-class{ color: blue; }
.my-class{ color: blue; }
#my-class{ color: blue; }
Để định dạng id my-id có màu vàng, ta dùng CSS như nào?
#my-id{ background-color: yellow; }
#my-id{ color: yellow; }
#my-id{ background-color: 'yellow'; }
#my-id{ color: 'yellow'; }
Selector này trong CSS có nghĩa là gì?
h1.my-title{}
Chọn các thẻ <h1 class=my-title>
Chọn các thẻ <h1 class="my-title">
Chọn các thẻ <h1 id=my-title>
Chọn các thẻ <h1 id="my-title">
Selector này trong CSS có nghĩa là gì?
h1, b{}
Định dạng cho thẻ <b> trong thẻ <h1>
Định dạng cho thẻ <b> là con của thẻ <h1>
Định dạng cho thẻ <b> và thẻ <h1>
Định dạng cho chỉ riêng thẻ <b>
Để định dạng font chữ trong CSS ta dùng thuộc tính gì?
font-weight: bold;
font-style: italic;
font-family: Arial;
font-variant: small-caps
Để canh lề văn bản trong CSS ta dùng thuộc tính gì?
text-align: left;
text-decoration: overline;
text-shadow: 5px -10px;
text-indent: revert;
Để thay đổi chiều cao mỗi hàng trong văn bản, trong CSS ta dùng thuộc tính gì?
height: 20px;
line-spacing: 20px
line-height: 20px;
row-height: 20px;
Thứ tự ưu tiên selector trong CSS là gì?
inline - tag - id - class
class - tag - id - inline
inline - id - class - tag
inline - class - id - tag
Để đóng khung có bo góc, trong CSS ta dùng thuộc tính gì?
border
border-radius
border-angle
border-circle
Để đóng khung tạo bóng, trong CSS ta dùng thuộc tính gì?
border-shadow
shadow
box-shadow
text-shadow
Để thêm hình nền cho thẻ, trong CSS ta dùng thuộc tính gì?
image
img
background-img
background-image
Để tạo cửa sổ con chứa trang web khác trong đó, trong HTML ta dùng thẻ gì?
<a>
<link>
<iframe>
<img>
Để tạo danh sách không có thứ tự, trong HTML ta dùng thẻ gì?
<ol>
<li>
<ul>
<dl>
Để tạo ô nhập địa chỉ email, trong HTML ta dùng thẻ input có type là gì?
<input type="email"/>
<input type="number"/>
<input type="password"/>
<input type="date"/>
Để tạo ô nhập nhiều dòng, trong HTML ta dùng thẻ gì?
<input>
<textarea>
<select>
<dl>
Thẻ HTML nào tạo ra một danh sách đổ xuống (drop-down list)?
<list>
<select>
<input type="list">
<input type="dropdown">
Để tạo nút trong form, ta dùng thẻ gì?
<input type="text" value="Submit"/>
<input type="submit" value="Submit"/>
<input type="date" value="Submit"/>
<input type="buttons" value="Submit"/>
Để tạo nút trong form, ta dùng thẻ gì?
<buttons type="Submit">Submit</buttons>
<but-ton type="Submit">Submit</but-ton>
<button type="Submits">Submit</button>
<button type="Submit">Submit</button>
Để tạo một hàng trong bảng, trong HTML ta dùng thẻ gì?
<th>
<td>
<tr>
<tbody>
Để tạo một ô trong bảng, trong HTML ta dùng thẻ gì?
<th>
<tr>
<tbody>
<table>
Để gộp các ô trên cùng một dòng, ta dùng thuộc tính gì?
<td colspan=2></td>
<td colspans=2></td>
<td colspans="2"></td>
<td colspan="2"></td>
Để gom các ô trên cùng một cột, ta dùng thuộc tính gì?
<td rowspan=2></td>
<td rowspan="2"></td>
<td rowspans=2></td>
<td rowspans="2"></td>
Để canh lề nội dung các ô trong bảng, ta dùng thuộc tính gì?
<td text-align=left></td>
<td text-align="left"></td>
<td align=left></td>
<td align="left"></td>
Để chèn âm thanh vào trong trang HTML, ta dùng thẻ gì?
<music>
<audio>
<sound>
<mp3>
Để chèn video vào trong trang HTML, ta dùng thẻ gì?
<video>
<audio>
<mp4>
<movie>
Chọn phần tử HTML nào đúng nhất cho định dạng tiêu đề là lớn nhất?
<head>
<h1>
<h6>
<heading>
Đoạn HTML nào là đúng để tạo một liên kết?
<a href="http://www.tuoitre.vn">Tuổi trẻ</a>
<a name="http://www.tuoitre.vn">Tuổi trẻ</a>
<a url="http://www.tuoitre.vn">Tuổi trẻ</a>
<a>http://www.tuoitre.vn</a>
Cách nào bạn có thể mở một liên kết trong một tab mới hoặc một cửa sổ mới?
<a href="url" target="_blank">
<a href="url" new>
<a href="url" target="new">
<a href="url" target="blank">
Thẻ <input type=”Submit” …> dùng để làm gì?
Tất cả các ý kiến trên
Tạo một nút lệnh dùng để gửi tin trong form đi
Tạo một nút lệnh dùng để xoá thông tin trong form
Tạo một ô text để nhập dữ liệu
Khi ta sử dụng cùng một thuộc tính trong ba cách dùng CSS trong HTML lần lượt là internal, external, inline thì đâu là kiểu sử dụng được ưu tiên hiển thị ?
Inline
Internal
External
Cả 3 đều như nhau
Bộ quy tắc của CSS gồm mấy phần ?
2
3
4
5
Khi ta muốn gọi tên một phần tử lớp trong CSS, ta cần thêm kí tự nào trước tên lớp ?
*
.
#
/
Khi muốn gọi tên id trong CSS, ta cần đặt kí tự nào đứng trước tên id ?
.
*
#
&
Kiểu thuộc tính nào cụ thể nhất trong số các thuộc tính sau :
Class
Tag
Id
Như nhau
Có thể nhóm các phần tử có cùng kiểu cách lại với nhau hay không ? Vì sao ?
Có, khi các phần tử đều có cùng khối khai báo
Không, các phần tử bắt buộc phải đứng riêng rẽ
Có thể nhóm các phần tử cùng thẻ head vì nó cùng loại
Hình bên là một ví dụ về bộ chọn trong CSS, phần tử được chọn trong bức hình bên là ?
header
head
center
Arial
Cách dùng nào được sử dụng phổ biến và ưu tiên nhất trong việc sử dụng CSS ?
Inline CSS
Internal CSS
External CSS
All
Trong CSS, yếu tố nào chỉ được sử dụng một lần duy nhất ?
class
id
tag
class & id
Có bao nhiêu cách sử dụng CSS trong HTML
1
2
3
4
Để tạo một ô nhập liệu bạn dùng thẻ gì sau đây?
<output>
<input type="textbox">
<input type="text">
<text>
Thẻ nào sau đây giúp tạo một nút có nhãn "Đồng ý" trong HTML?
<input type="button" text="Đồng ý">
<input type="button" value="Đồng ý">
<input type="submit" label="Đồng ý">
<button label="Đồng ý">
Điền từ còn thiếu vào chỗ ...?
<input type="text" ...="Nhập tên của bạn" />
(a)
CSS là viết tắt của?
Content Style Sheets
Custom Style Sheets
Content-based String Style
Cascading Style Sheets
Chọn câu trả lời đúng nhất cho câu hỏi sau:
Để định dạng một phần tử trong HTML bạn có thể sử dụng CSS bằng cách nào?
Viết trực tiếp thông qua thuộc tính "style" của phần tử
Viết định dạng cho phần tử trong cặp thẻ <style></style>
Viết trong một tệp .css rồi nhúng vào trang
Tất cả các đáp án đều đúng
Điền từ còn thiếu vào chỗ ... trong đoạn mã sau:
<img src="Photo.png" ...="Ảnh đại diện" />
title
href
alt
note
Bạn dùng thể nào để tạo một đường liên kết đến một trang web?
<link>
<href>
<a>
<url>
Điền từ còn thiếu vào ... trong đoạn mã sau:
<body ..="color: red">
(a)
Tìm các mã viết sai trong các mã HTML sau? (Chọn 2)
<a href="#" target="_blank">
<a link="#">
<a href="google.com">
<a url="google.com">
Chọn cách định dạng màu chữ đúng cho một phần tử HTML?
style="color: red"
color="red"
style="background-color: red"
<format color="red">
Viết từ còn thiếu vào đoạn mã sau để tạo nút có nhãn là "Đồng ý"?
<input type="button" ...="Đồng ý" />
(a)
Để tạo một ô cho phép nhập mật khẩu người dùng, bạn sử dụng mã HTML nào sau đây?
<input type="pass" />
<input type="confirm" />
<input type="password" />
<input type="security" />
Phần mở rộng của tệp tin HTML là gì?
HTML
TMHL
HTMLX
HTML5
Thẻ nào tạo chữ in đậm
<bold>
<big>
<bd>
<b>
Đâu là thẻ căn lề trái cho nội dung 1 ô trong bảng
<tdleft>
<left>
<td align="left">
<td left>
Muốn liên kết HTML với 1 tệp định nghĩa CSS ta dùng dòng nào sau đây?
<style src="mystyle.css">
<stylesheet>mystyle.css</stylesheet>
<link rel="stylesheet" href="mystyle.css">
<link src="mystyle.css">
RGB trong thiết kế web có nghĩa là gì?
Red Gold Black
Red Green Blue
Round Gray Brown
Round Green Blue
Thẻ nào định nghĩa CSS ở ngay trong tệp HTML?
<css>
<script>
<style>
styles
Thuộc tính nào định nghĩa CSS ngay trong 1 thẻ?
font
style
class
styles
Dòng nào tuân theo đúng cú pháp của CSS?
{body;color:black}
body:color=black
{body:color=black(body}
body {color: black}
Làm thế nào thay màu nền của chữ (text) bằng CSS?
color:
text-color=
text-color:
fgcolor:
Thuộc tính nào thay đổi kích cỡ chữ?
font-style
font-size
text-style
text-size
HTML là viết tắt của ...?
Hyperlinks and Text Markup Language
Hyper Text Markup Language
Home Tool Markup Language
Hyper Tool Markup Language
Thẻ nào sau đây tạo ra tiêu đề lớn nhất?
<h6>
<head>
<h1>
<heading>
Để ngắt dòng trong HTML bạn dùng thẻ nào?
<br />
<break>
</br>
<blank>
Đoạn mã nào sau đây thêm màu nền vào HTML?
<background>yellow</background>
<body bg="yellow">
<body style="background-color:yellow;">
<body style="background-color = yellow;">
Để đưa một link vào trang HTML bạn dùng mã lệnh nào sau đây?
<a href="http://utehy.edu.vn">UTEHY<a>
<a url="http://utehy.edu.vn">UTEHY<a>
<a src="http://utehy.edu.vn">UTEHY<a>
Đoạn mã nào mở một link trên một tab mới của trình duyệt?
<a href="url" target="new">UTEHY<a>
<a href="url" target="_self">UTEHY<a>
<a href="url" target="_new">UTEHY<a>
<a href="url" target="_blank">UTEHY<a>
Đâu là các phần tử của bảng trong HTML?
<table>, <tr>, <td>
<table>, <row>, <col>
<table>, <th>, <col>
<table>, <body>, <td>
Để tạo danh sách không có thứ tự bạn dùng thẻ nào?
<list>
<ul>
<ol>
<item>
Để tạo danh sách có thứ tự bạn dùng thẻ nào?
<list>
<ul>
<ol>
<item>
Để tạo một ô check bạn dùng lệnh nào sau đây?
<check>
<checkbox>
<input type="check" />
<input type="checkbok" />
Để tạo một ô text bạn dùng thẻ nào sau đây?
<text>
<textfield>
<input type="text" />
<input type="textbox" />
Để tạo một drop-down bạn chọn lệnh nào sau đây?
<combobox>
<select>
<input type="dropdown" />
<input type="list" />
Để chèn một ảnh vào trang HTML bạn dùng thẻ nào sau đây?
<img src="photo.jpg" />
<img source="photo.jpg" />
<image src="photo.jpg" />
<image href="photo.jpg" />
Chú thích trong HTML được viết như nào?
-- Nội dung chú thích
/* Nội dung chú thích */
// Nội dung chú thích
<!-- Nội dung chú thích -->
Bạn muốn đưa ra thông tin ảnh không hiển thị được thì dùng thuộc tính nào?
alt
alternate
title
name
Đâu là những thẻ dành cho việc tạo bảng?
<table><tr><td>
<thead><body><tr>
<table><head><tfoot>
<table><br><tr>
Làm sao để khi click chuột vào link thì tạo ra cửa sổ mới?
<a href="url" new>
<a href="url" target="new">
<a href="url" target="_blank">
<a href="url"blank="new">
Đâu là thẻ căn lề trái cho nội dung 1 ô trong bảng?
<tdleft>
<td valign="left">
<td align="left">
<td leftalign>
Phần tử HTML nào thực hiện xuống dòng mới?
<lb>
<br>
<break>
<p>
Đâu là phần tử HTML tạo ra 1 danh sách đầu mục bằng số?
<list>
<ul>
<dl>
<ol>
Chọn phần tử HTML nào đúng nhất cho định dạng tiêu đề là lớn nhất?
<heading>
<head>
<h1>
<h6>
Kết quả của đoạn mã CSS sau đây sẽ là? h1 { color : "green" ; }
Không có gì xảy ra
Xảy ra lỗi
Thẻ h1 có màu xanh lá cây
Thẻ h1 có màu đen
Đâu là cú pháp để comment trong CSS?
/* comment */
// comment
<!-- comment -->
# comment
Thuộc tính nào được dùng để đổi tên font chữ?
font-name:
fontname:
font-family:
fontfamily:
Để sử dụng Inline style ta dùng attribute nào?
CSS
style
inline
inline-style
Đoạn mã nào dùng để thêm padding với: 10px ở trên, 15px bên dưới, 5px bên phải và 10px bên trái?
padding: 10px 15px 5px 10px;
padding: 15px 5px 10px 10px;
padding: 10px 5px 10px 15px;
padding: 10px 5px 15px 10px;
Điều gì xảy ra nếu một trình duyệt gặp CSS mà nó không hiểu?
Chuyển sang phần CSS tiếp theo
Báo lỗi có thể do viết sai chính tả thuộc tính hoặc giá trị
Báo lỗi có thể do thuộc tính/giá trị quá mới mà trình duyệt chưa hỗ trợ
Cả B và C
Để khai báo thành phần cho phép người dùng nhập văn bản, ta dùng thẻ:
Thẻ <a>
Thẻ <input>
Thẻ <p>
Thẻ <div>
Chọn thẻ HTML đúng nhất cho định dạng tiêu đề lớn nhất?
<h1>
<head>
<h6>
<heading>
Mã HTML nào thực hiện việc thêm màu nền cho trang web?
<body style="background-color:red;">
<body bg="red">
<background>red</background>
<body style="color:red;">
Cho đoạn mã HTML sau:
<div>
<h1>Chung kết không tìm được Hoa khôi Du lịch</h1>
<p>Đại diện lãnh đạo tỉnh Đắk Nông cho rằng...</p>
</div>
Câu hỏi
Để CSS cho thẻ p thì những selectors nào sau đây sử dụng được?
.p
p
div > p
#p
Cho đoạn mã HTML sau:
<div>
<p class="paragraph p1">Đại diện lãnh đạo tỉnh Đắk Nông cho rằng</p>
<p class="paragraph p2">Đại diện lãnh đạo tỉnh Đắk Nông cho rằng</p>
<p class="paragraph p3">Đại diện lãnh đạo tỉnh Đắk Nông cho rằng</p>
</div>
Câu hỏi
Để CSS riêng cho thẻ p nằm giữa (vị trí số 2) thì những selectors nào sau đây có thể dùng được?
.paragraph.p2
p,p2
div paragraph
p2
Để CSS cho thẻ có class box thì những CSS selectors nào sau đây sử dụng được?
<div>
<div class="container">
<div>
<div class="box">A box</div>
</div>
</div>
</div>
.box
div > .box
.container > .box
.container div div
CSS selector nào để chọn toàn bộ các phần tử?
*
html
body
$
CSS selector nào để chọn thẻ con trực tiếp của thẻ khác?
element > element
element element
element + element
element < element
Đoạn mã cần viết đầu tiên sau khi tạo file HTML là gì?
Doctype
Thẻ HTML
Thẻ Meta
Thẻ Title
Đuôi mở rộng của file HTML là gì?
html
xml
css
js
Lý do tại sao cần đặt tên file là index?
Vì máy chủ web (hay hosting) tự động truy cập vào file có tên index khi truy cập trang chủ
Vì index nghĩa là mục lục, đặt là index để coi đó là trang chứa mục lục
Các đáp án khác đều sai
Extension Live Server của Visual Studio Code (VSCode) có hỗ trợ tự động tải file index?
Có
Không
Chưa
Khi nào sử dụng comments trong HTML là phù hợp?
Sử dụng khi ghi chú cho code hoặc tạm vô hiệu hóa code
Luôn sử dụng khi muốn bình luận về code của người khác trong nhóm
Luôn sử dụng comment để vô hiệu hóa code thay vì xóa luôn code không còn được sử dụng đi
Đâu là cú pháp comments trong HTML?
// A comment
<-- A comment -->
/* A comment */
<!-- A comment -->
Phát biểu nào là chính xác cho đoạn mã HTML dưới đây?
<h1 title="" data-test="">Học lập trình tại F8</h1>
title và data-test đều được gọi là attribute
title là attribute, data-test không pahir là attribute
data-test là attribute, title không phải là attribute
Attribute được hiểu là thuộc tính cảu các thẻ Html
Phát biểu nào sau đây là chính xác khi nhắc tới đoạn mã HTML dưới đây?
<meta charset="utf-8" />
Tất cả đáp án khác đều sai
charset không pahir attribute
utf-8 là attribute
charset là attribute
Phát biểu nào đúng khi nói về đoạn mã sau?
<h1 title="Học HTML, CSS với F8">Học HTML, CSS với F8</h1>
title là thuộc tính hay còn gọi là property
title là thuộc tính hay còn gọi là attribute
title là giá trị cua thẻ h1 nên không được gọi là thuộc tính
các thẻ từ h1 tới h6 không có attribute
Có mấy cách sử dụng CSS với HTML?
4
2
3
Đâu là thuật ngữ cho các cách sử dụng CSS?
Exciter
Inline
Internal
Inlike
External
Phát biểu nào đúng cho cách sử dụng CSS nội bộ?
Tất cả đáp án khác đều sai
Sử dụng thẻ link trong file HTML và link tới file CSS
Sử dụng thẻ style trong nội dung file HTML
Sử dụng thuộc tính style trong thẻ HTML
Đâu là mô tả cách sử dụng CSS nội tuyến?
Viết CSS trong attribute style của thẻ HTML
Viết CSS trong file có đuôi mở rộng css
Viết CSS trong thẻ link và đặt trong file HTML
Viết CSS trong thẻ HTML đặt trong nội dung file CSS
Đâu là mô tả cách sử dụng CSS bên ngoài?
Sử dụng thẻ style và truyền đường dẫn file css vào
Tạo file CSS và link file HTML vào trong file CSS
Sử dụng thẻ link và link tới file CSS bên ngoài
Viết trực tiếp CSS vào thẻ HTML
Đâu là cách sử dụng ID đúng?
Có thể đặt trùng nhau tùy ý
Không đặt ID trùng nhau
Chỉ cần đặt chung1 ID
Đâu là cách sử dụng class đúng?
Class không được phép đặt trùng với ID
Đặt class cho các thành phần có thể xuất hiện nhiều lần để tận dụng lại CSS tránh lặp lại mã
Không được phép đặt class cho một thẻ đã có ID
Mỗi thẻ HTML đều phải đặt class, tuy nhiên không được phép trùng class name
Đáp án nào đúng khi nói về ID & Class?
Một thẻ có thể đặt nhiều hơn 1 ID
Có thẻ đặt một hoặc nhiều class cho thẻ HTML(class1-class2)
Có thẻ đặt một hoặc nhiều class cho thẻ HTML(class1 class2)
Đã đặt ID thì không được đặt class
