<a>

<img>

<p>

<div>

Dấu cách

Dấu hai chấm

Dấu phẩy

Dấu chấm

Định dạng kích thước văn bản

Thêm hình ảnh vào tài liệu

Xác định đường dẫn liên kết

Đặt kiểu dáng cho văn bản

<h1>

<h3>

<h5>

<h6>

Để tạo cấu trúc rõ ràng, dễ hiểu cho người đọc

Để làm đẹp giao diện trang web

Để giúp trình duyệt hiển thị nội dung đúng định dạng

Để tăng tốc độ tải trang

red:color

color.red

color;red

color:red

Sử dụng thẻ <strong> hoặc <b>

Sử dụng thẻ <i> hoặc <u>

Sử dụng thẻ <em> hoặc <mark>

Sử dụng thẻ <sup> hoặc <sub>

Làm đậm nội dung văn bản

Đánh dấu làm nổi bật văn bản

Định dạng văn bản in nghiêng

Thay đổi màu sắc văn bản

Thẻ <u> để gạch ngang văn bản

Thẻ <sub> để gạch ngang văn bản

Thẻ <del> để gạch ngang văn bản

Thẻ <mark> để gạch ngang văn bản

Thuộc tính color trong thẻ <p>

Thuộc tính font trong thẻ <p>

Thuộc tính mark trong thẻ <p>

Thuộc tính size trong thẻ <p>

Sử dụng thẻ <del> để giảm kích thước

Sử dụng thẻ <small> để giảm kích thước

Sử dụng thẻ <sup> để giảm kích thước

Sử dụng thẻ <b> để giảm kích thước

Tạo chữ nhỏ hơn và nằm dưới dòng văn bản

Tạo chữ nhỏ hơn và nằm trên dòng văn bản

Đánh dấu một phần văn bản cần chú ý

Làm cho văn bản in nghiêng và nhấn mạnh

Thuộc tính font-family để chỉ định phông chữ

Thuộc tính font-size để thay đổi kích thước chữ

Thuộc tính color để thay đổi màu sắc chữ

Thuộc tính text-align để căn chỉnh văn bản

Dùng thẻ <h1> cho tiêu đề phụ

Dùng thẻ <h2> cho tiêu đề phụ

Dùng thẻ <h3> cho tiêu đề phụ

Dùng thẻ <h6> cho tiêu đề phụ

Đặt nội dung trong các thẻ <div> riêng

Đặt nội dung trong một thẻ <h1>

Đặt nội dung trong các thẻ <span> riêng

Đặt nội dung trong các thẻ <p> riêng

Dùng thẻ <div> để đổi màu từ đó

Dùng thẻ <p> để đổi màu từ đó

Dùng thẻ <span> để đổi màu từ đó

Dùng thẻ <h3> để đổi màu từ đó

<b> để làm đậm từ "quan trọng"

<mark> để làm nổi bật từ "quan trọng"

<em> để làm nghiêng từ "quan trọng"

<u> để gạch chân từ "quan trọng"

Sử dụng thẻ <sup> để tạo chỉ số trên

Sử dụng thẻ <sub> để tạo chỉ số trên

Sử dụng thẻ <mark> để tạo chỉ số trên

Sử dụng thẻ <i> để tạo chỉ số trên

Dễ dàng hiểu rõ hơn về cảm xúc của người khác

Tăng cường khả năng sử dụng từ viết tắt

Nguy cơ bị rình rập, quấy rối

Không có nguy cơ nào

Giúp giảm các rào cản và mặc cảm trong giao tiếp ban đầu

Dễ dàng lưu trữ và tham khảo lại sau này

Giảm sự linh hoạt về thời gian và địa điểm

Tăng khả năng bị lộ thông tin cá nhân

Một môi trường mạng tiêu cực

Sự gia tăng của hành vi bắt nạt trực tuyến

Một xã hội mạng tích cực

Tăng nguy cơ lừa đảo trực tuyến

Đối xử với người khác theo cách mà mình muốn.

Tự kiểm điểm, cải thiện hành vi trực tuyến của mình.

Làm theo ý muốn cá nhân, không tôn trọng ý kiến của người khác.

Sử dụng ngôn từ và cách viết tuỳ hứng.

Để tạo ấn tượng tốt

Để tránh làm tổn thương người khác

Để được nhiều người theo dõi

Để tăng lượt chia sẻ

Tôn trọng người khác

Sử dụng ngôn ngữ khiêu khích

Thấu hiểu, cảm thông

Lịch sự, sử dụng ngôn từ đúng mực

<dt>

<ul>

<dl>

<ol>

<ul>

<ol>

<dl>

<li>

style

start

type

list-style

<ul>

<ol>

<dl>

<li>

type

start

list-style

list-style-type

<li>

<dd>

<dt>

<dl>

<ul>

<ol>

<dl>

<li>

mm.

cm.

px.

%.

<td>

<table>

<tr>

<th>

<td>

<table>

<tr>

<th>

merge

colspan

rowspan

align

<caption>

<th>

<header>

<title>

Ô dữ liệu này kéo dài 3 cột

Ô dữ liệu này kéo dài 3 hàng

Ô dữ liệu này có chiều cao gấp 3 lần

Ô dữ liệu này có chiều rộng bằng 30% bảng

<tr>

<td>

<th>

<table>

colspan

rowspan

border

style

Nội dung được căn trái

Nội dung được căn giữa và in đậm

Nội dung được căn phải và in nghiêng

Nội dung không thay đổi định dạng

Tạo một cột trong bảng

Tạo một hàng trong bảng

Tạo một ô trong bảng

Tạo tiêu đề cho bảng

<table >

<table width="70%;">

<table style=''width:70%;">

<table height="70%;">

Sử dụng rowspan="3" trong thẻ <td> ở hàng đầu tiên

Sử dụng colspan="3" trong thẻ <td> ở hàng thứ hai

Sử dụng colspan="2" trong thẻ <td> ở hàng đầu tiên

Sử dụng rowspan="2" trong thẻ <td> ở hàng thứ hai

<table border="2px red">

<table style="border: 2px solid red;">

<table style="border-color: red; thickness: 2px;">

<table border-style="solid" border-width="2px" border-color="red">

<tr style="height:30%;">

<td style="height:30%;">

<table style="row-height:30%;">

<th style="height:30%;">

Là đường dẫn đến tệp ảnh.

Định nghĩa kích thước ảnh.

Hiển thị văn bản thay thế khi ảnh không tải được.

Chỉ sử dụng trong các trình duyệt cũ.

Ảnh sẽ không hiển thị.

Ảnh sẽ bị lỗi hiển thị.

Trình duyệt tự động điều chỉnh ảnh về kích thước 100x100 px.

Ảnh được hiển thị theo kích thước gốc.

Thêm thuộc tính srcset để chỉ định nhiều ảnh thay thế.

Thêm thuộc tính alt để hiển thị văn bản thay thế.

Thêm thuộc tính title để hiển thị tiêu đề khi di chuột.

Thêm thuộc tính atl để hiển thị văn bản thay thế.

<img src="image.jpg" href="https://example.com">

<a><img src="image.jpg" href="https://example.com"></a>

<img href="https://example.com" src="image.jpg" alt="Link đến Example">

<a href="https://example.com"><img src="image.jpg" alt="Link đến Example"></a>

<img src="image.jpg" alt="Ảnh minh họa" width="100%">

<img alt="Ảnh minh họa" src="image.jpg" width="max">

<img src="image.jpg" alt="Ảnh minh họa" >

<img src="image.jpg" alt="Ảnh minh họa" >

src

poster

autoplay

width

Tự động phát ngay khi tải trang.

Hiển thị các nút điều khiển.

Chỉ định định dạng tệp.

Chạy tệp khi người dùng bấm nút.

nhúng hình ảnh động vào trang hiện tại.

nhúng một tệp âm thanh vào trang hiện tại.

nhúng một trang khác vào trang hiện tại.

nhúng bảng tính Excel vào trang hiện tại.

<iframe src="example.html"></iframe>

<iframe src="example.html" width="600px" height="400px"></iframe>

<iframe src="example.html" width="600" height="400"></iframe>

<iframe src="example.html" sizes="600x400"></iframe>

<iframe src="https://www.google.com"></iframe>

<iframe href="https://www.google.com"></iframe>

<iframe name="https://www.google.com"></iframe>

<iframe alt="https://www.google.com"></iframe>

Chỉ định chiều rộng của khung nội tuyến.

Thêm văn bản thay thế cho khung.

Chỉ định tài nguyên được hiển thị trong khung.

Thiết lập tiêu đề cho khung.

<form>

<input>

<docs>

<label>

Checkbox cho phép chọn nhiều mục, radio chỉ chọn một.

Checkbox không cần cùng nhóm phải có cùng tên.

Checkbox ít dùng cho các lựa chọn có tính loại trừ nhau.

Checkbox không cần thuộc tính value, radio bắt buộc có.

id

name

type

value

<fieldset>

<legend>

<label>

<select>

Nhập dữ liệu

Nhóm phần tử

Định nghĩa nhãn cho phần tử input

Hiển thị các lựa chọn

<input>

<label>

<select>

<textarea>

Cho phép chọn nhiều tùy chọn

Cho phép chọn một tùy chọn duy nhất trong một nhóm

Nhập dữ liệu dạng chữ

Nhập dữ liệu dạng số

type="number"

type="text"

type="date"

type="checkbox"

<video>

<audio>

<img>

<iframe>

id

name

type

value

type="text"

type="reset"

type="button"

type="submit

Định dạng nội dung của thẻ HTML.

Định dạng kiểu sử dụng thẻ HTML.

Định dạng hình ảnh trên trang web.

Định dạng cấu trúc của mã HTML.

Để chỉ định loại dữ liệu mà trường nhập liệu sẽ nhận từ người dùng.

Để nhóm nhiều trường dữ liệu thành một phần riêng trong biểu mẫu.

Để tạo các trường nhập liệu với giá trị mặc định cho người dùng điền.

Để liên kết nhãn mô tả với trường dữ liệu nhập tương ứng trong biểu mẫu.

Dây chuyền lắp ráp tự động.

Google Translate.

ChatGPT.

Dự báo thời tiết.

Trợ lí ảo

Nhận dạng chữ viết tay.

Nhận dạng khuôn mặt

Google dịch

Access Point.

Router.

Switch.

Hub.

Giao thức mạng (Network Protocol).

Giao tiếp mạng (Network Communication).

Giao dịch mạng (Network Transactions).

Giao thông mạng (Network Trafic).

Làm tắc nghẽn hệ thống mạng của nhà trường.

Không trả lời tin nhắn trên mạng.

Gửi thư điện tử không ghi tiêu đề.

Tải phần mềm nguồn mở để sử dụng.

Ẩn chứa nhiều nguy cơ bảo mật.

Quá nhiều tín hiệu phi ngôn ngữ.

Mở rộng kết nối xã hội.

Không tiết kiệm thời gian và chi phí.

<!-- chú thích -->.

!-- chú thích --!.

// chú thích.

{…chú thích…}.

<td>.

<th>.

<table>.

<tr>.

font-family.

font-style.

font-size.

font-type.

<form></form>.

<table></table>.

<iframe></iframe>.

<model></model>.

<p>H₂SO₄</p>.

<p>H²SO⁴</p>

<p>H<small>2</small >SO<small>4</small></p>

<p>H<down>2</down>SO<down>4</down></p>

autoplay.

controls.

poster.

active.

Kiểu đánh dấu mục sẽ thay đổi theo giá trị được chỉ định.

Danh sách sẽ tự động chuyển sang không có thứ tự.

Mô tả từng mục sẽ được thêm vào trước dấu gạch.

Thứ tự hiển thị của danh sách sẽ thay đổi ngẫu nhiên.

<th> dùng cho tiêu đề với định dạng in đậm, còn <td> cho nội dung.

<th> dùng cho nội dung chính, còn <td> dùng cho các cột bổ sung.

<th> dùng để tạo dòng mới, còn <td> dùng để nhóm các ô dữ liệu.

<th> dùng để nhóm các hàng, còn <td> dùng để nhóm các cột cụ thể.

Để liên kết nhãn mô tả với trường dữ liệu nhập tương ứng trong biểu mẫu.

Để tạo các trường nhập liệu với giá trị mặc định cho người dùng điền.

Để nhóm nhiều trường dữ liệu thành một phần riêng trong biểu mẫu.

Để chỉ định loại dữ liệu mà trường nhập liệu sẽ nhận từ người dùng.

Nhúng trang web CLB.html với kích thước 200x200 px vào trang web.

Trang web CLB.html có kích thước 200x200 px

Trang web CLB.html được nhúng 200x200 lần vào trang web.

Nhúng một khung có kích thước 200x200 vào trang web CLB.html

Sử dụng thẻ <mark> để làm nổi bật văn bản với nền màu sáng.

Sử dụng thẻ <em> để làm nghiêng văn bản và tạo sự nhấn mạnh.

Sử dụng thẻ <b> để làm in đậm văn bản mà không thêm nền màu.

Sử dụng thẻ <i> để làm nghiêng văn bản nhằm tạo sự khác biệt.

Sử dụng thẻ <ul> để tạo danh sách không thứ tự cho các bước hướng dẫn.

Sử dụng thẻ <ol> để tạo danh sách có thứ tự cho các bước hướng dẫn.

Sử dụng thẻ <dl> để tạo danh sách định nghĩa cho các bước hướng dẫn.

Sử dụng thẻ <li> trong một danh sách để nhóm các bước hướng dẫn lại với nhau.

Sử dụng thẻ <table>, <tr> cho các hàng, <th> cho tiêu đề và <td> cho mô tả.

Sử dụng thẻ <table>, <tr> cho các hàng, <td> cho tiêu đề và mô tả mà không sử dụng thẻ <th>.

Sử dụng thẻ <table>, <th> cho các hàng và các cột, không sử dụng thẻ <tr> hay <td>.

Sử dụng thẻ <table>, <td> cho các hàng và cột, không cần sử dụng thẻ <th>.

Sử dụng thẻ <a href="index.html">Trang chính</a> để tạo liên kết đến trang chính.

Sử dụng thẻ <a href="/index.html">Trang chính</a> để tạo liên kết đến trang chính trong thư mục gốc.

Sử dụng thẻ <a href="http://website.com/index.html">Trang chính</a> để tạo liên kết đến trang chính.

Sử dụng thẻ <a href="./index.html">Trang chính</a> để tạo liên kết đến trang chính trong cùng thư mục.

CSS ngoại tuyến.

CSS ngoài.

CSS trong.

CSS nội tuyến.

Cascading Style Sheets

Cascading Script Sheets

Color Style Sheets

Cascading Style Systems

h1 {color: red;}

p {text-indent: 15px; color: blue;}

div {background: yellow;}

a {font-size: 14px;}

h1 h2 h3 {color: red;}

h1, h2, h3 {color: red;}

h1 h2, h3 {color: red;}

h1 h2 h3 {color: red;}