WebVN Cộng đồng web Việt Nam
Đừng lo lắng nếu những ví dụ dưới đây sử dụng các thẻ mà bạn chưa được học.
Bạn sẽ được học chúng trong các bài tiếp theo.
Tài liệu HTML
Tất cả các tài liệu HTML cần phải bắt đầu với khai báo kiểu: <!DOCTYPE html>.
Tài liệu HTML tự bắt đầu với thẻ <html> and và kết thúc với thẻ </html>.
Phần hiển thị trong tài liệu HTML ở giữa <body> và </body>.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <title>Tiêu đề trang</title> </head> <body> <h1>Đây là đề mục lớn</h1> <p>Đây là một đoạn văn bản.</p> </body> </html> |
Đề mục trong HTML
Đề mục trong HTML được định nghĩa bằng các thẻ từ <h1> đến <h6>:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <body> <h1>Đây là đề mục 1</h1> <h2>Đây là đề mục 2</h2> <h3>Đây là đề mục 3</h3> <h4>Đây là đề mục 4</h4> <h5>Đây là đề mục 5</h5> <h6>Đây là đề mục 6</h6> </body> </html> |
Đoạn văn bản trong HTML
Những đoạn văn bản trong HTML được định nghĩa bằng thẻ <p>:
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <body> <p>Đây là đoạn văn bản.</p> <p>Đây là đoạn văn bản.</p> <p>Đây là đoạn văn bản.</p> </body> </html> |
Liên kết trong HTML
Liên kết trong HTML được định nghĩa bằng thẻ <a>:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <a href="https://webvn.com">Đây là một liên kết</a> </body> </html> |
Địa chỉ liên kết được quy định trong thuộc tính href.
Các thuộc tính được sử dụng để cung cấp thêm thông tin cho các thẻ HTML.
Ảnh trong HTML
Ảnh trong HTML được định nghĩa bằng thẻ <img>.
Nguồn tệp tin (src), văn bản thay thế (alt) và kích thước (width và height) được gọi là các thuộc tính trong thẻ:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <img src="https://webvn.com/wp-content/uploads/2014/10/wvnlogo.png" alt="WebVN.com" width="200" height="72"> </body> </html> |
