Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML - Coggle Diagram
HTML
-
Common sections
-
-
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Khai báo rằng giao diện lớn nhất của web là giao diện lớn nhất của thiết bị truy cập-->
-
-
HTML Element
inline - 2 elements are in 1 line /block - in 2 lines => Phần tử dạng inline thì không chứa dạng block
-
Attribute = "value" <p class = "nice" > =opening tag
Hello world =enclosed text content
</p> =closing tag
-
Video
<video attribute =""> khai báo video <source src="url" type="video/mp4"> - chèn nguồn tệp tin được phát // sd mp4 & webm <track kind="subtitles" src="subtitles_en.vtt" srclang="en"> - chèn văn bản vào video
video attribute:
height="" width=""
controls : thêm trình phát video với các nút như play, pause, volume
autoplay: tự động phát video
loop: tạo vào lặp khi video đã chạy hết
muted: tắt âm thanh
poster: chèn hình quảng cáo trước khi phát video
Nhúng video youtube:
upload video to youtube + get ID <iframe width="" height =""
src ="url" attribulte="same video">
Insert lists and table
-
table <tr> table row<th> table head : tiêu đề của bảng - mặc định căn giữa, tô đậm<td>: table data : dữ liệu trong bảng mặc định được căn lề trái
Insert links and images
link : <a href="url" title="abc"></a>
email: <a href="mailto: abc@gmail.com> </a>
-
Attribute Class & ID
Class: Multiple elements share class
ID: each element has unique ID, cannot use for more elements
-