Khi nhắc tới thiết kế website không thể không nói tới ngôn ngữ HTML. Nó giúp xây dựng nên bộ khung xương cho một trang web. Hầu hết mọi lập trình trình viên nếu theo đường trở thành nhà phát triển web đều phải học qua về HTML. Vậy HTML là gì và nó có vai trò gì trong xây dựng website? Mời bạn cùng DNMedia tham khảo bài viết sau đây.
Mục Lục
Ngôn ngữ HTML là gì?
HTML là viết tắt của từ Hypertext Markup Language tạm dịch là ngôn ngữ đánh dấu siêu văn bản. Một website sẽ được tạo nên từ tập hợp của nhiều trang con, mỗi một trang như vậy là một tài liệu HTML. HTML được tạo ra bởi Tim Berners-Lee, ông là một nhà vật lý học tại trung tâm nghiên cứu CERN Thụy Sĩ.
Hypertext có nghĩa là văn bản chứa liên kết. Khi người dùng nhấp chuột vào các liên kết đó sẽ nhảy tới một trang khác ngay trên một website.
Tập tin tài liệu HTML có nhiều thẻ khác nhau. Các thẻ sẽ được mở đầu bằng thẻ mở <tag> và kết thúc bằng thẻ đóng </tag>. Một số trường hợp ngoại lệ sẽ không có thẻ đóng.
Các tập tin lưu tài liệu HTML có đuôi mở rộng là .html và .html.
Cấu trúc chương trình HTML cơ bản
Để HTML chạy được phải viết chương trình đầu tiên. Dưới đây là cấu trúc của một chương trình như vậy:
<!DOCTYPE html>
<html>
<head>
<title>Tiêu đề trang web</title>
</head>
<body><h2>Đoạn văn bản tiêu đề</h2>
<p>Đoạn văn bản nội dung</p></body>
</html>
Giải thích:
- <!DOCTYPE html>: doctype html là thẻ khai báo với trình duyệt phiên bản của HTML. Hiện tại phiên bản mới nhất là HTML5
- <html>….</html>: Cặp thẻ bao ngoài cùng, bắt buộc phải viết
- <title>….</title>: Tiêu đề của một trang web, bạn sẽ nhìn thấy trên tab trình duyệt
- </body>…</body>: Phần này quan trọng nhất, giúp hiển thị mọi nội dung trên website
- <h2>….</h2>: Thẻ tiêu đề văn bản (Heading) từ H1 tới H6 kích thước sẽ giảm dần tới H6
Dùng phần mềm gì để viết HTML?
Hiện nay các phần mềm soạn thảo code đều hỗ trợ viết HTML. Trong máy tính có sẵn Notepad hoặc bạn download phần mềm Notepad++, Sublime Text….
Nhấp vào biểu tượng cửa số Windows góc trái màn hình máy tính => Gõ Notepad nhấp vào để mở ra
Copy đoạn code phía trên cho vào nên nhớ bạn phải lưu đuôi là .html cho chương trình mới chạy được.
Vai trò của HTML trong thiết kế website
Một trang web không thể thiếu HTML. Nhưng để tạo nên website hoàn chỉnh phải có sự kết hợp giữa các ngôn ngữ với nhau. Trong đó gồm có HTML, CSS, JavaScript, PHP, MySQL.
- HTML: Đóng vai trò tạo nên khung xương cho website
- CSS: Có vai trò định dạng hiển thị, trang trí để website đẹp hơn
- JavaScript: Ngôn ngữ phía Client side, sẽ tương tác với người dùng như tạo ra hiệu ứng khi nhấp vào button, hình ảnh…
- PHP: Ngôn ngữ Backend, đóng vai trò xử lý dữ liệu giữa trình duyệt và Cơ sở dữ liệu trên máy chủ
- MySQL: Hệ quản trị cơ sở dữ liệu phía Server side
HTML có phải là ngôn ngữ lập trình không?
HTML không phải là ngôn ngữ lập trình. Bởi nó không có thuật toán logic, không tạo ra các chức năng động như PHP hay các ngôn ngữ lập trình Backend vì vậy không được gọi là ngôn ngữ lập trình.
Kết luận: Trải qua nhiều phiên bản khác nhau HTML đã được nâng cấp và cải tiến để phù hợp hơn. Cho dù có nhiều ngôn ngữ lập trình mới được ra đời nhưng HTML vẫn là ngôn ngữ không thể thiếu trong thiết kế website. Bài viết này chúng tôi đã giới thiệu tới bạn HTML là gì và vai trò của nó trong lập trình web.
