Trong bài này tôi sẽ viết các định nghĩa về HTML, định nghĩa về thẻ (Tags) HTML, định nghĩa về phần tử (elements) và các ví dụ liên quan. Trong bài này có những phần của bài trước được tôi viết lại kỹ hơn vì tôi thấy nó quan trọng. Bài này cũng như các bài trước để các bạn hình dung khái quát được về HTML là như thế nào mà thôi. Còn những bài tiếp theo nữa thì tôi sẽ đi sâu vào cách sử dụng các thẻ (Tags) và các bài tập liên quan. Chúng ta hãy cùng bắt đầu bài học nào.
1. Định nghĩa về HTML
– HTML là chữ viết tắt của Hyper Text Markup Language hay tiếng Việt gọi là Ngôn ngữ Đánh dấu Siêu văn bản.
– Một file HTML chứa những thẻ (Tags) HTML
– Những thẻ (Tags) HTML sẽ hướng dẫn trình duyệt web trình bày thành phần của một trang web
– Một file HTML phải có đuôi mở rộng là .html hoặc .htm
– Một file HTML có thể được tạo ra bởi trình soạn thảo văn bản đơn giản như Notepad
2. Đuôi mở rộng là .htm hay .html
Cả hai đuôi mở rộng trên đều đúng. Nhưng trong một website chỉ nên có một loại đuôi mở rộng ví dụ trong website binhnet.com này của tôi chỉ có một đuôi mở rộng là .html Bạn cũng vậy ngay từ bây giờ khi sao lưu một tập tin HTML bạn chỉ nên chọn 1 trong 2 phần mở rộng trên.
3. Định nghĩa về thẻ (Tags) HTML
Thẻ (Tags) HTML là nhãn bạn dùng đánh dấu nơi bắt đầu và kết thúc của một phần tử.
Nói chung, có 02 loại thẻ:
Thẻ mở như: <h1> và thẻ đóng như : </h1>
Nội dung của một phần tử sẽ được đặt giữa thẻ mở và thẻ đóng.
Cái này quan trọng nên tôi sẽ nhắc lại ở đây là Học HTML là học cách sử dụng các loại thẻ (Tags) khác nhau.
<thẻ mở> nội dung viết ở đây …</thẻ đóng>
Ví dụ về một phần tử (element) HTML
| Thẻ mở (Tags) | Nội dung | Thẻ đóng (Tags) |
| <h1> | Đây là tiêu đề bài viết của tôi | </h1> |
4. Định nghĩa về phần tử (element) HTML
Một phần tử (element) HTML thường bắt đầu bằng thẻ mở và kết thúc bằng thẻ đóng với nội dung được chèn vào giữa.
<thẻ mở> nội dung viết ở đây …</thẻ đóng>
Ví dụ về một phần tử (element) HTML
| Thẻ mở (Tags) | Nội dung | Thẻ đóng (Tags) |
| <p> | Đây là đoạn văn | </p> |
5. Các lưu ý về phần tử (element) HTML
5.1 Phần tử (element) có thể chứa phần tử (element)
Để bạn dễ hiểu hơn tôi sẽ ví dụ như sau:
<!DOCTYPE html> <html> <body> <h1>Đây là tiêu đề.</h1> <p>Đây là đoạn văn.</p> </body> </html>
Giải thích ví dụ trên:
<!DOCTYPE html> xác định tài liệu này là HTML5 (cái này tôi sẽ giải thích kỹ hơn ở bài sau)
<html> là phần tử gốc của một trang HTML, nó bắt đầu bằng thẻ (Tags) <html> và kết thúc bằng thẻ (Tags) </html>
<body> chứa nội dung trang hiển thị, nó bắt đầu bằng thẻ (Tags) <body> và kết thúc bằng thẻ (Tags) </body>
Nội dung phần tử là hai phần tử HTML khác (<h1> và <p>)
<h1> xác định một tiêu đề lớn (Tiêu đề bài viết), nó bắt đầu bằng thẻ (Tags) <h1> và kết thúc bằng thẻ (Tags) </h1> và nội dung phần tử là Đây là tiêu đề
<p> xác định một đoạn văn, nó bắt đầu bằng thẻ (Tags) <p> và kết thúc bằng thẻ (Tags) </p> và nội dung phần tử là Đây là đoạn văn
5.2 Phần tử (element) HTML rỗng
Các phần tử HTML không có nội dung được gọi là các phần tử rỗng.
<br> là một phần tử rỗng không có thẻ đóng (thẻ <br> xác định một ngắt dòng).
Các phần tử rỗng có thể được “đóng” trong thẻ mở như sau: <br />
HTML5 không yêu cầu phải đóng các phần tử rỗng. Nhưng nếu bạn muốn xác nhận chặt chẽ hơn, hoặc nếu bạn cần làm cho tài liệu của bạn có thể đọc được bằng các trình phân tích cú pháp XML, bạn phải đóng tất cả các phần tử HTML.
5.3 Đừng quên thẻ đóng
Bắt đầu từ bài học này trở đi tôi khuyên bạn đừng bao giờ quên Thẻ đóng. Tuy rằng có một số Thẻ sẽ hiển thị đúng thậm chí bạn quên Thẻ đóng, tuy nhiên tôi khuyên bạn không nên quên thẻ đóng vì nó có thể ra một kết quả không theo mong muốn của bạn hoặc xảy ra lỗi mà bạn không biết chỉ vì bạn vô ý hay không muốn đóng thẻ đó.
6. Lời cuối bài
Qua bài này chắc các bạn đã hiểu về cấu trúc một tập tin HTML rồi. Bài kết tiếp tôi sẽ hướng dẫn các bạn về Cấu trúc một tập tin Web bằng HTML là như thế nào?
The post [HTML bài 3] Định nghĩa HTML, thẻ HTML, phần tử HTML và các ví dụ appeared first on Học online.
from WordPress http://ift.tt/2irgx2o
via IFTTT
Không có nhận xét nào:
Đăng nhận xét