Search Header Logo
12_Lesson1.CDF

12_Lesson1.CDF

Assessment

Presentation

•

Computers

•

1st Grade

•

Practice Problem

•

Medium

Created by

Phong Thanh

Used 14+ times

FREE Resource

11 Slides • 33 Questions

1

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

media

2

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

​1. Ngôn ngữ đánh dấu siêu văn bản
-HTML (HyperText Markup Language) là ngôn ngữ đánh dấu siêu văn bản dùng để xây dựng và trình bày cấu trúc của một trang web tĩnh. Trang web tĩnh thường có nội dung cố định, không thay đổi khi người dùng truy cập, không phản hồi tương tác của người dùng.
-Một trang web tĩnh có thể chỉ là một tập hợp các trang HTML đơn giản hiển thị nội dung mà không có bất kỳ chức năng tương tác nào.
-Để tạo trang web, người dùng có thể sử dụng các phần mềm như Mobirise, Dreamweaver, hoặc tạo trang web trực tiếp bằng cách viết mã HTML.

3

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

​1. Ngôn ngữ đánh dấu siêu văn bản
HTML cho phép khai báo các thành phần của trang web như:

  • Tiêu đề (heading)

  • Đoạn văn (paragraph)

  • Bảng biểu (table)

  • Hình ảnh (image)

  • Âm thanh (audio)

  • Siêu liên kết (hyperlink)

    Các thành phần HTML được biểu diễn bằng thẻ (tag), được đặt giữa cặp dấu “<>”. Thẻ này giúp trình duyệt web hiểu và hiển thị nội dung của trang.

4

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

​1. Ngôn ngữ đánh dấu siêu văn bản
-Một phần tử HTML thường có cấu trúc:
<ten-phan-tu> Nội dung </ten-phan-tu>

-Ví dụ: <p>Đây là một đoạn văn</p>

-Một số phần tử không cần thẻ đóng như: <img>, <meta>, <input>, được gọi là phần tử tự đóng.
-Các thẻ HTML có thể có thuộc tính để cung cấp thêm thông tin, tuy nhiên thuộc tính là tùy chọn. Cú pháp khai báo thuộc tính:
<ten-phan-tu thuoc-tinh="gia-tri"> Nội dung </ten-phan-tu>

Ví dụ: <img src="image.jpg" alt="Mo ta hinh anh">

5

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

​1. Ngôn ngữ đánh dấu siêu văn bản

media
media

6

Multiple Choice

Phương án nào sau đây chỉ ra đúng vị trí đặt thuộc tính?

1

Nằm trong thẻ đóng, sau tên thẻ.

2

Nằm sau nội dung, trước thẻ đóng.

3

Nằm sau thẻ mở, trước nội dung.

4

Nằm trong thẻ mở, sau tên thẻ.

7

Multiple Choice

HTML là gì?

1

Ngôn ngữ lập trình

2

Ngôn ngữ đánh dấu siêu văn bản

3

Phần mềm thiết kế web

4

Giao thức truyền tải dữ liệu

8

Multiple Choice

HTML thường được dùng để tạo loại trang web nào?

1

Trang web động

2

Ứng dụng di động

3

Trò chơi trực tuyến

4

Trang web tĩnh

9

Multiple Choice

Cặp dấu nào được dùng để tạo thẻ (tag) trong HTML?

1

{}

2

[]

3

<>

4

()

10

Multiple Choice

Thẻ HTML nào dưới đây không cần thẻ đóng?

1

<p>

2

<img>

3

<div>

4

<a>

11

Multiple Choice

Cú pháp của một thuộc tính trong thẻ HTML là gì?

1

ten-phan-tu:"gia-tri"

2

ten-thuoc-tinh=gia-tri

3

ten-thuoc-tinh="gia-tri"

4

gia-tri="ten-thuoc-tinh"

12

Multiple Choice

Vì sao HTML được gọi là ngôn ngữ đánh dấu siêu văn bản?

1

Vì HTML dùng để thiết kế đồ họa

2

Vì HTML cho phép đánh dấu và định dạng các thành phần trên trang web, tạo ra cấu trúc trang

3

Vì HTML có thể thay đổi nội dung trang web động

4

Vì HTML là ngôn ngữ lập trình

13

Multiple Choice

Điều gì xảy ra nếu một thẻ HTML không có thẻ đóng (nếu thẻ đó yêu cầu thẻ đóng)?

1

Trình duyệt sẽ tự động thêm thẻ đóng vào

2

Nội dung bên trong thẻ đó sẽ không hiển thị đúng cách

3

Trình duyệt sẽ bỏ qua thẻ đó và tiếp tục chạy các thẻ khác

4

Trình duyệt sẽ báo lỗi và dừng việc tải trang web

14

Multiple Choice

Tại sao các thuộc tính trong HTML thường không bắt buộc phải khai báo?

1

Vì thuộc tính chỉ là tùy chọn và chỉ dùng khi cần thiết để điều chỉnh thông tin hoặc định dạng cụ thể

2

Vì thuộc tính có thể gây lỗi trang web

3

Vì thuộc tính không có tác dụng trong HTML

4

Vì HTML chỉ hỗ trợ một số thuộc tính nhất định

15

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

2. Cấu trúc của một văn bản HTML
Cấu trúc cơ bản của một văn bản HTML được đặt trong cặp thẻ <html> và </html>. Văn bản HTML gồm hai phần chính:
Phần đầu (head):

  • Được xác định bởi cặp thẻ <head> và </head>.

  • Phần này chứa các thông tin quan trọng về trang web như tiêu đề (title), siêu dữ liệu (metadata), nhưng không hiển thị trực tiếp trong cửa sổ trình duyệt.

  • Ví dụ, thẻ <title> trong phần <head> giúp đặt tên trang web hiển thị trên tab trình duyệt.

16

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

​2. Cấu trúc của một văn bản HTML
Cấu trúc cơ bản của một văn bản HTML được đặt trong cặp thẻ <html> và </html>. Văn bản HTML gồm hai phần chính:
Phần thân (body):

  • Được xác định bởi cặp thẻ <body> và </body>.

  • Toàn bộ nội dung mà người dùng nhìn thấy trên trang web, như văn bản, hình ảnh, bảng biểu và liên kết, sẽ được đặt trong phần thân và hiển thị trong trình duyệt.

17

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

​2. Cấu trúc của một văn bản HTML
Ví dụ cấu trúc HTML cơ bản:
Trong ví dụ này, thẻ <title> đặt tiêu đề cho trang web, trong khi nội dung chính trong <body> sẽ hiển thị cho người dùng.

media

18

Multiple Choice

Tất cả nội dung của một tài liệu HTML phải nằm trong cặp thẻ nào?

1

<body>...</body>

2

<head>...</head>

3

<html>...</html>

4

<title>...</title>

19

Multiple Choice

Phần nào trong HTML chứa nội dung sẽ được hiển thị trên trình duyệt?

1

<html>

2

<head>

3

<title>

4

<body>

20

Multiple Choice

Thẻ nào dưới đây dùng để đặt tiêu đề của trang web hiển thị trên tab của trình duyệt?

1

<h1>

2

<meta>

3

<title>

4

<header>

21

Multiple Choice

Phần đầu của trang HTML, nơi chứa tiêu đề và siêu dữ liệu, được đặt trong cặp thẻ nào?

1

<head>...</head>

2

<body>...</body>

3

<html>...</html>

4

<title>...</title>

22

Multiple Choice

Thông tin nào dưới đây không được hiển thị trực tiếp trong trình duyệt?

1

Nội dung trong thẻ <head>

2

Nội dung trong thẻ <body>

3

Nội dung trong thẻ <h1>

4

Nội dung trong thẻ <p>

23

Multiple Choice

Thẻ <meta charset="UTF-8"> có chức năng gì?

1

Đặt tiêu đề trang

2

Đặt ngôn ngữ hiển thị là tiếng Anh

3

Đặt bảng mã ký tự để hiển thị đúng các ký tự đặc biệt

4

Đặt hình nền cho trang

24

Multiple Choice

Thẻ nào dưới đây dùng để hiển thị nội dung chính của trang web cho người dùng?

1

<head>

2

<html>

3

<body>

4

<meta>

25

Multiple Choice

Phần tử nào chứa các thẻ không hiển thị trực tiếp nội dung trong trang web mà cung cấp thông tin về tài liệu?

1

<html>

2

<head>

3

<body>

4

<footer>

26

Multiple Choice

Từ khóa nào dùng để khai báo tài liệu HTML và cho biết phiên bản HTML đang sử dụng?

1

<html>

2

<meta>

3

<!DOCTYPE html>

4

<header>

27

Multiple Choice

Thẻ nào dưới đây không nằm trong phần <head> của tài liệu HTML?

1

<title>

2

<meta>

3

<h1>

4

<link>

28

​LUYỆN TẬP

29

Multiple Choice

Đoạn mã sau hiển thị gì trong trang web?

<h1>Chào mừng đến với trang web của tôi</h1>

1

Một hình ảnh

2

Một siêu liên kết

3

Một đoạn văn bản lớn

4

Một tiêu đề lớn

30

Multiple Choice

Thẻ nào dùng để tạo siêu liên kết trong HTML?

1

<link>

2

<img>

3

<a>

4

<p>

31

Multiple Choice

Đoạn mã sau dùng để chèn hình ảnh, giá trị nào cần thay đổi để hiển thị hình ảnh khác?

<img src="image.jpg" alt="Mo ta hinh anh">

1

src

2

alt

3

href

4

class

32

Multiple Choice

Thẻ nào dưới đây được dùng để tạo một đoạn văn bản trong HTML?

1

<title>

2

<p>

3

<h1>

4

<body>

33

Multiple Choice

Tại sao cần phải có thẻ <title> trong phần <head> của tài liệu HTML?

1

Để tạo tiêu đề hiển thị trong nội dung trang

2

Để hiển thị tiêu đề của trang web trên tab của trình duyệt

3

Để định dạng toàn bộ văn bản trong trang web

4

Để hiển thị thông báo cho người dùng khi tải trang

34

Multiple Choice

Thẻ <meta charset="UTF-8"> trong phần <head> của tài liệu HTML có tác dụng gì?

1

Định dạng văn bản thành chữ in nghiêng

2

Thiết lập ngôn ngữ của trang thành tiếng Anh

3

Xác định bảng mã ký tự để hiển thị đúng các ký tự đặc biệt

4

Thay đổi màu sắc của trang web

35

Multiple Choice

Khi sử dụng thẻ <a href="https://www.example.com">, thuộc tính href có ý nghĩa gì?

1

Chỉ định văn bản hiển thị cho liên kết

2

Chỉ định địa chỉ URL mà liên kết sẽ dẫn tới

3

Định dạng liên kết thành chữ in đậm

4

Định vị trí của liên kết trên trang web

36

Multiple Choice

Tại sao <head> và <body> cần được tách riêng trong cấu trúc HTML?

1

Để dễ đọc mã nguồn hơn

2

Để trình duyệt hiểu và hiển thị nội dung và siêu dữ liệu một cách riêng biệt

3

Để tránh lỗi trong mã HTML

4

Để trang tải nhanh hơn

37

Multiple Choice

Điều gì sẽ xảy ra nếu bạn đặt nội dung hiển thị vào phần <head> thay vì <body>?

1

Nội dung có thể không hiển thị, hoặc trình duyệt sẽ bỏ qua

2

Nội dung sẽ hiển thị bình thường

3

Nội dung sẽ xuất hiện dưới dạng văn bản HTML thô

4

Trình duyệt sẽ báo lỗi và không tải trang

38

Multiple Choice

Lý do nào giúp <meta charset="UTF-8"> là một phần quan trọng trong thẻ <head>?

1

Nó giúp đặt tiêu đề cho trang

2

Nó xác định ngôn ngữ của trang web

3

Nó thay đổi màu nền của trang web

4

Nó đảm bảo các ký tự đặc biệt hiển thị đúng cách trên nhiều trình duyệt

39

Multiple Choice

Tại sao phần <title> thường được đặt trong <head> mà không phải trong <body>?

1

Để giúp tiêu đề hiển thị ở đúng vị trí trên trình duyệt

2

Để tiết kiệm dung lượng trong phần <body>

3

Để tiêu đề không xuất hiện trên trang web

4

Để tiêu đề có thể định dạng riêng

40

Multiple Choice

Khi xây dựng trang web, tại sao nên sử dụng cấu trúc cơ bản của HTML với thẻ <html>, <head>, và <body>?

1

Để tránh gặp lỗi khi hiển thị trên trình duyệt

2

Để thêm nội dung động vào trang

3

Để cấu trúc HTML có thể chạy trên mọi hệ điều hành

4

Để dễ dàng sao chép trang web sang các ngôn ngữ khác

41

Multiple Choice

Nếu bạn muốn tạo một trang web có tiêu đề hiển thị là "Trang Chủ" và có đoạn văn "Xin chào!", bạn sẽ đặt mã này vào các phần nào?

1

<title> trong <head> cho tiêu đề và <p> trong <body> cho đoạn văn

2

<h1> trong <body> cho tiêu đề và <p> trong <body> cho đoạn văn

3

<header> trong <head> cho tiêu đề và <footer> cho đoạn văn

4

<title> trong <body> cho tiêu đề và <p> trong <head> cho đoạn văn

42

Multiple Choice

Đoạn mã dưới đây có ý nghĩa gì đối với tài liệu HTML?

<!DOCTYPE html>

1

Cho biết đây là trang web động

2

Cho biết đây là tài liệu HTML và chỉ định phiên bản HTML5

3

Định nghĩa định dạng văn bản

4

Định nghĩa ngôn ngữ trang web là tiếng Anh

43

THỰC HÀNH

media

44

​THỰC HÀNH

media

​Nhập nội dung vào SublimeText và xem kết quả

​Làm quen với ngôn ngữ đánh dấu siêu văn bản

media

Show answer

Auto Play

Slide 1 / 44

SLIDE

Similar Resources on Wayground

KIDS3

36 questions

KIDS3

lesson

Lesson

•

1st Grade

Operant Conditioning

35 questions

Operant Conditioning

lesson

Lesson

•

KG

Le conditionnel présent

38 questions

Le conditionnel présent

lesson

Lesson

•

KG

Bindo Lanjutan

38 questions

Bindo Lanjutan

lesson

Lesson

•

2nd Grade

Uri

38 questions

Uri

lesson

Lesson

•

2nd Grade

Graphing Linear Inequalities

38 questions

Graphing Linear Inequalities

lesson

Lesson

•

KG

Participles

42 questions

Participles

lesson

Lesson

•

KG

ÔN TẬP GK 2 KHỐI 10

43 questions

ÔN TẬP GK 2 KHỐI 10

lesson

Lesson

•

1st Grade

Popular Resources on Wayground

Fractions on a Number Line

15 questions

Fractions on a Number Line

quiz

Quiz

•

3rd Grade

Probability Practice

10 questions

Probability Practice

quiz

Quiz

•

4th Grade

Probability on Number LIne

15 questions

Probability on Number LIne

quiz

Quiz

•

4th Grade

Equivalent Fractions

20 questions

Equivalent Fractions

quiz

Quiz

•

3rd Grade

Multiplication Facts

25 questions

Multiplication Facts

quiz

Quiz

•

5th Grade

fractions

22 questions

fractions

quiz

Quiz

•

3rd Grade

Appropriate Chromebook Usage

6 questions

Appropriate Chromebook Usage

lesson

Lesson

•

7th Grade

Greek Bases tele and phon

10 questions

Greek Bases tele and phon

quiz

Quiz

•

6th - 8th Grade

Discover more resources for Computers

Presidents' Day

12 questions

Presidents' Day

quiz

Quiz

•

KG - 5th Grade

Telling Time to the Hour and Half hour

20 questions

Telling Time to the Hour and Half hour

quiz

Quiz

•

1st Grade

Exploring Rosa Parks and Black History Month

10 questions

Exploring Rosa Parks and Black History Month

interactive video

Interactive video

•

1st - 5th Grade

Morning Math Review

16 questions

Morning Math Review

lesson

Lesson

•

1st - 5th Grade

Reading Comprehension

17 questions

Reading Comprehension

quiz

Quiz

•

1st - 4th Grade

3D shapes (1st grade)

16 questions

3D shapes (1st grade)

quiz

Quiz

•

1st Grade

Place Value

20 questions

Place Value

quiz

Quiz

•

KG - 3rd Grade

President's Day

6 questions

President's Day

lesson

Lesson

•

1st Grade

Mentor younger students
Inheritance and Variation
App design
Recognising the purposes of and differences among sample surveys, experiments and observational studies
Geography
Decision making skills
Expansion and Reform (1801-1861)
Recognising a statistical question
Constructions
Framing non-linear equations in two or more variables to represent relationships between quantities (including graphing)

© 2026 Quizizz Inc. (DBA Wayground)