Thứ Ba, 16 tháng 6, 2020

HTML là gì? Giới thiệu về ngôn ngữ HTML

HTML là ngôn ngữ cơ bản trong lập trình website. Nếu bạn đang muốn tìm hiểu về HTML thì hãy tham khảo bài viết dưới đây chúng tôi sẽ giải thích HTML là gì và nó gồm có những thẻ gì, cách viết như thế nào.

Ngôn ngữ HTML là gì?

HTML là viết tắt của Hyper Text Markup Language. Đây là ngôn ngữ siêu văn bản. Nó được sử dụng để tạo nên khung xương cho trang web. HTML không phải là ngôn ngữ lập trình vì vậy nó chỉ dùng để thiết kế website về phía Frontend mà thôi.

Mỗi một trang trong website là một tài liệu được lưu trữ với đuôi .html. Khi bạn truy cập trang web sẽ thấy rất nhiều liên kết, nhấp chuột vào liên kết đó bạn sẽ được di chuyển tới trang khác.

HTML thường đi với CSS, JavaScript để xây dựng website. Đây là bộ 3 ngôn ngữ mà bất cứ lập trình viên nào cũng phải nắm vững.

HTML ra đời năm nào và do ai phát triển?

HTML được phát minh bởi Tim Berners-Lee tại viện nghiên cứu CERN ở Thuỵ Sĩ. Nó được phát hành đầu tiên vào năm 1993 cách đây 27 năm về trước.

Vào năm 1993 với phiên bản đầu tiên chỉ có 18 thẻ tag. Nhưng cho tới thời điểm hiện tại nó đã được bổ sung lên tới 140 thẻ tag. Và phiên bản mới nhất hiện nay đó chính là HTML5.

Cách viết chương trình HTML

HTML có rất nhiều thẻ khác nhau. Với một chương trình HTML bắt buộc phải có những thẻ sau:
<!DOCTYPE html>
<html>
<head>
<title>Đây là tiêu đề</title>
</head>
<body>
<p>Đây là đoạn văn bản, toàn bộ nội dung website sẽ viết ở đây</p>
</body>
</html>
Nhìn qua chương trình ở trên bạn sẽ thấy nó sẽ bắt đầu bằng một thẻ mở, kết thúc bằng thẻ đóng:
Các thẻ bắt buộc phải có:
<!DOCTYPE html>: Khai báo cho trình duyệt biết đây là tài liệu HTML
<html>...</html>: Chương trình viết bằng HTML
<head>...</head>: Phần đầu của trang web
<body>...</body>: Phần thân của trang web. Các đoạn mã để dựng bố cục đều được viết ở đây. Phần này quan trọng nhất.

Một thể thẻ cơ bản thường được sử dụng trong HTML:
<b>...</b>: Bôi đậm chữ
<i>...</i>: Thẻ in nghiêng
<u>...</u>: Thẻ gạch chân
<p>...</p>: Thẻ chứa văn bản
<div>...</div>: Thẻ khối phần tử
<span>...</span>: Thẻ chứa phần tử nội dòng
<h1>, <h2>, <h3>, <h4>, <h5>, H6>: Là các thẻ Heading (Tiêu đề), có kích thước lớn từ trên xuống dưới.
<img>: Thẻ chứ hình ảnh
<br>: Thẻ xuống dòng

HTML là gì đến đây bạn đã tìm thấy câu trả lời? Bài viết này đã giới thiệu về ngôn ngữ HTML. Bạn đang muốn tìm hiểu về nó? Hãy thử viết một chương trình và chạy thử. Thêm nhiều thẻ khác nhau để xem kết quả. HTML học khá nhanh chỉ trong vòng 1 tuần là bạn đã nắm được toàn bộ các thẻ.

Không có nhận xét nào:

Đăng nhận xét