-
Notifications
You must be signed in to change notification settings - Fork 0
/
02-uselessTag.html
51 lines (47 loc) · 1.71 KB
/
02-uselessTag.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="vi">
<!-- head: lưu thông tin kèm tài nguyên của trang -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>bài 2: các thẻ vô dụng</title>
<!-- css -->
<style>
p{
color: red;
}
p:nth-child(2){
color: blue;
}
.dacbiet{
font-style: italic;
}
.dacbiet2{
font-size: 30px;
}
</style>
</head>
<body>
<!-- quotation: -->
<p class="dacbiet">có một người nói rằng "một cây làm chẳng nên non
ba cây chụm lại vẫn là 3 cây"
</p>
<p class="dacbiet">có một người nói rằng <q class="dacbiet2">một cây làm chẳng nên non
ba cây chụm lại vẫn là 3 cây</q>
</p>
<!-- block quote: giúp đưa nội dung ra giữa màn hình-->
<!-- abbr: chỉ rõ trích dẫn (inline)
đưa chuột vào hiện lên tên trong title
-->
<p>
công chúa thuộc về <abbr title="Lê Điệp">người đẹp trai nhất</abbr>
</p>
<!-- address: in nghiêng (p + em + block không viền) -->
<address>115/13 đường đình Phong Phú</address>
<!-- cite: nhấn mạnh tác phẩm(thuộc tính nghiêng)-->
<p><cite>tác phẩm của</cite> ViEmVanGood</p>
<!-- bdo: copy sau đổi ngược lại-->
<bdo dir="rtl">xin chào bạn</bdo>
<p style="background-color: teal;">demo đổi màu nền</p>
</body>
</html>