Trình tự cấu trúc 1 file html
- Thông thường thì bất kỳ một thứ gì cũng có một cái cấu trúc cơ bản mà nó phải tuân theo để đảm bảo việc nó có thể hoạt động được ổn định (ví dụ như một bài văn thường có cấu trúc gồm ba phần mở bài - thân bài - kết luận, nếu chúng ta loại bỏ đi một thành phần nào đó hoặc xáo trộn thứ tự giữa ba thành phần thì nội dung của bài văn sẽ không được trơn tru mạch lạc). Việc viết mã lệnh trong một tập tin HTML cũng tương tự như vậy, nó cần phải tuân thủ theo một cấu trúc cơ bản để đảm bảo trang web được hiển thị như ý, tránh mắc phải những lỗi không đáng có. Show 1) Cấu trúc của một tập tin HTML- Nội dung của một tập tin HTML phải được bắt đầu bằng thẻ và kết thúc bởi thẻ . - Bên trong cặp thẻ được chia làm hai thành phần chính:
- Dưới đây là hình ảnh minh họa về cấu trúc cơ bản của một tập tin HTML. - Tôi có một tập tin HTML với nội dung như bên dưới.
- Khi thực thi tập tin này thì trình duyệt sẽ hiển thị là. - Lưu ý: Thẻ có chức năng tương tự như việc chúng ta chọn kiểu mã hóa UTF-8 khi tạo một tập tin HTML, nó sẽ giúp cho trang web hiển thị ngôn ngữ tiếng Việt được chính xác. 2) Cấu trúc của một tập tin HTML5- Cái cấu trúc của tập tin HTML mà tôi hướng dẫn cho các bạn ở phía trên là cấu trúc của phiên bản HTML đầu tiên. Hiện nay, HTML đã cho ra phiên bản mới nhất là HTML5, phiên bản này hỗ trợ thêm một số thẻ mới cùng với những tính năng vượt trội hơn. - Để sử dụng phiên bản HTML5 thì ta thêm thẻ vào vị trí đầu tiên bên trong tập tin. Khi bạn mới bước chân vào con đường lập trình, đặc biệt là lập trình web thì cụm từ "HTML" có lẽ là được nhắc đến nhiều nhất. Dù bạn có tìm kiếm Google hay hỏi bất kì lập trình viên nào: "Học lập trình web cần học ngôn gì, học cái gì trước tiên?" thì câu trả lời chắc chắn đều có chung một kết quả đó chính là HTML. Vậy tại sao lại là HTML. HTML là gì? Tại sao muốn học lập trình web lại phải học HTML? Có phải HTML có sức mạnh "ghê gớm" lắm không mà bất kì nhà phát triển web nào cũng cần phải biết HTML. Tất cả các thắc mắc đó sẽ được giải đáp ở bài học này. Chào mừng các bạn đến với bài học đầu tiên trong chuỗi các bài học về thiết kế, xây dựng web cho người mới bắt đầu. HTML là gì?HTML là chữ viết tắt của cụm từ Hyper Text Markup Language ( Ngôn ngữ đánh dấu siêu văn bản) được sử dụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trang được quy ra là một tài liệu HTML. HTML là một trong những ngôn ngữ quan trọng trong lĩnh vực thiết kế website. HTML đã trở thành một chuẩn mực của Internet do tổ chức World Wide Web Consortium (W3C) duy trì. Lưu ý: HTML không phải là ngôn ngữ lập trình. Tại sao lại phải sử dụng HTML khi thiết kế website?Chúng ta phải sử dụng HTML khi thiết kế website bởi HTML là ngôn ngữ duy nhất mà trình duyệt (Chrome, Opera, Internet Explorer,...) có thể hiểu và biên dịch được ( Trình duyệt web chuyển đổi các mã nguồn thành giao diện, nội dung mà chúng ta nhìn thấy trên bất kì website nào). Nói cách khác thì cho dù website của bạn có dùng nền tảng công nghệ nào đi chăng nữa thì đầu ra cuối cùng của nó cũng phải là HTML. Cấu trúc cơ bản của một trang web HTMLGiả sử bạn muốn tìm kiếm một thông tin X. Google dẫn bạn vào trong một trang web nào đó để tiếp tục tìm nó nhưng bài viết đó lại quá dài trong khi bạn chỉ cần biết thông tin X là gì. Vì vậy cấu trúc ra đời để giúp bạn có thể nhanh chóng hiểu thông điệp chính của bài cũng như truy xuất đến các nội dung con bên trong nó. Trong thiết kế web cũng vậy, để hiểu cách thiết kế các trang web và sử dụng thành thạo, điều rất quan trọng là phải hiểu cách cấu trúc của nó. Cách HTML mô tả cấu trúc của một website:<html> <head> <title>Đây là nhan đề của một bài viếttitle> head> <body> <h2>Đây là tiêu đề chínhh2> <p>Đây là đoạn văn để giới thiệu nội dung phần còn lại của trang, nếu nội dung dài thì có thể chia thành nhiều tiêu đề phụ.<p> <h2>Đây là tiêu đề phụh2> <p>Một bài viết nên có 1 vài tiêu đề phụ, điều đó giúp co cấu trúc bài viết được rõ ràng, người đọc dễ hiểu hơn.p> <h2>Đây là một tiêu đề phục khác cùng cấp với tiêu đề phụ bên trênh2> body> html> Mã HTML được tạo thành từ các ký tự nằm bên trong các dấu ngoặc nhọn <>. Chúng được gọi là các phần tử HTML (HTML elements). Các phần tử này thường được tạo thành từ hai thẻ: thẻ mở và thẻ đóng. (Thẻ đóng có thêm một dấu gạch chéo trong đó ví dụ thẻ ). Cũng có thẻ không có đầy đủ cả thẻ mở và thẻ đóng ví dụ:
|