Text trong HTML là gì
Mục tiêu của bài viết này là giúp bạn nắm được các thẻ cơ bản mà một trang HTML thường hay sử dụng, ý nghĩa và cách sử dụng chúng một cách phù hợp để tạo nên một trang Web. Một trang HTML là tập hợp của rất nhiều các loại thẻ khác nhau và các bạnkhông cần cố gắng học thuộc chúng ngay lúc này để tránh bị loạn. Ở bài viết này, mình sẽ liệt kê rất nhiều thẻ và bạn chỉ cần nhớsơ sơrằng có những thẻ ABC như thế này trong một file HTML và chúng có công dụng XYZ nào đó khi hiển thị trên browser, khi nào cần sử dụng đến thẻ nào thì hãy quay lại bài viết này và xem lại, hoặc truy cập W3schools để tham khảo thêm các thẻ khác và thuộc tính của chúng. Ở đó liệt kê toàn bộ các thẻ của một trang HTML, ý nghĩa của từng thẻ và đó cũng là một tài liệu chính thống sẽ gắn bó với bạn trong suốt đoạn đường làm một lập trình viên. Trước khi đi vào chi tiết, mình muốn nhấn mạnh rằng, các bạn hãy nghĩ đơn giản hơn đi, để đầu óc của mình thoáng lên, đừng quan trọng hóa vấn đề, đừng đặt nặng rằng mình đang học. Hãy tự đặt câu hỏi: website là gì??? nó chỉ đơn giản là mấy cái thẻ HTML thôi, mỗi thẻ có một công dụng nhất định nào đó khi hiển thị lên website. Và nếu bạn đang băng khoăn không biết rằng, nhiều thẻ HTML như vậy thì biết dùng cái nào, trường hợp nào thì dùng thẻ này, dùng thẻ này khi nào là thích hợp, ..vân vân thì các bạn yên tâm, mình sẽ cùng các bạn thực hành để nhớ hết tên thẻ và chức năng của chúng ở bài thực hành, còn ở đây, chỉ cần nắm đượccấu trúc của một thẻ HTML nó trông như thế nào là được rồi bạn nhé. HTML Element là gì?Các thẻ HTML hay còn gọi là HTML Element hoặc HTML Tag thường được cấu tạo bởi một thẻ mở, một số nội dung bên trong và một thẻ đóng. Ngoài ra còn có một số Element không có nội dung bên trong vì vậy không có thẻ đóng, chúng được gọi là Empty Element. 2 cấu trúc phổ biến thường thấy của một HTML Element: hoặc Ví dụ: Thẻ này thường được dùng để bao quanh một đoạn văn bản trong đóp là tagname(tên thẻ). Thẻ này có nội dung bên trong và có thẻ đóng.trong đóinput là tagname(tên thẻ), type=text là thuộc tính của thẻ. Thẻ này không có nội dung vì vậy không có thẻ đóng. Về thuộc tính của thẻ, chúng ta sẽ tham khảo thêm tại W3schools. Trong quá trình bạn học HTML cũng như quá trình làm việc sau này, bạn luôn cần tham khảo các thuộc tính cần thiết ở đây. Tất cả các lập trình viên khác cũng đều như vậy cho đến khi họ làm nhiều và nhớ được chúng. Một số HTML Element phổ biến thường được sử dụngTất cả các website các bạn đã từng sử dụng đều chỉ bao gồm mấy thành phần sau: ảnh, chữ, video. Để hiển thị một ảnh hay một đoạn văn bản hay một video lên website thì chính là chức năng của HTML Element. Nhìn lại file index.html đã tạo ở bài trước bạn sẽ thấy rằng một website được tạo nên bởi các thẻ HTML và các thẻ này có thể lồng trong nhau. Chúng ta sẽ điểm danh một loạt các thẻ mà hay sử dụng nhất. 1. HTML comment: nội dung thẻ >Dùng để chèn một comment vào trong source code, comment đó sẽ không hiển thị trên browser, mục đích của thẻ này là để ghi chú thích cho code của bạn, cái mà sau này có thể giúp bạn chỉnh sửa lại code của mình một cách nhanh chóng hơn hoặc để tạm ẩn một đoạn code nào đó không cho nó hiển thị trên trình duyệt. Ví dụ: Đây là một thẻ div, nội dung bên trong thẻ này sẽ được hiển thị trên trình duyệt 2. Khai báo DOCTYPE: >Tất cả HTML Documents đều phải bắt đầu với dòng khai báo này. Khai báo này giúp cho trình duyệt biết nó đang xử lý loại tài liệu nào. Nó không phải là một thẻ HTML nhưng cứ coi nó là một thẻ cho dễ cũng được, việc này không quan trọng. Ví dụ:
<!DOCTYPEhtml> 3. Thẻ html: >nội dung thẻĐây làroot elementcủa một HTML document, tạm hiểu là một thành phần gốc của một trang HTML. Thẻ này dùng để bao ngoài tất cả các HTML element khác ngoại trừ khai báo DOCTYPE. Lưu ý: Luôn khai báo thuộc tínhlang bên trong thẻ này để khai báo ngôn ngữ cho website. Việc này cũng hỗ trợ cho browser và các máy chủ tìm kiếm như google, Ví dụ: <!DOCTYPEhtml>
<htmllang="en">
</html> 4. Thẻ head: >nội dung thẻMột bài văn cần có phần mở bài, một website cũng vậy. Thẻ này dùng để chứa một số thông tin quan trọng của website và sẽ không được hiển thị trên website. Các thông tin quan trọng ở đây hay còn được biết đến làmetadata, nó thường bao gồm document title, character set, styles, scripts, và các meta information khác. Những thành phần có thể đặt trong thẻ gồm:
Ví dụ: <!DOCTYPEhtml>
<htmllang="en">
<head>
</head>
</html> 5. Thẻ title: |