HTML là viết tắt của Hypertext Markup Language, HTML được tạo từ các từ khóa và lệnh mà các nhà thiết kế web dùng để tạo trang web. Sau đây hãy cùng tìm hiểu rõ hơn về ngôn ngữ lập trình này nhé!
HTML là gì?
Hypertext là văn bản có các liên kết mà người đọc chỉ cần nhấp vào để chuyển đến một trang khác hoặc một phần khác của trang. Trong khi đó, ngôn ngữ markup sử dụng thẻ hoặc văn bản thuần túy với các dấu đặc biệt để xác định các phần của trang, chẳng hạn như đầu trang và chân trang cũng như các phần tử khác, bao gồm cả bảng biểu và hình ảnh.
HTML được coi là một trong ba công cụ thiết yếu trong việc tạo trang web: HTML cung cấp cấu trúc hoặc cách văn bản, hình ảnh, v.v. sẽ xuất hiện trên trang web. CSS (cascading style sheets) thiết lập các thuộc tính trực quan của các phần tử này, chẳng hạn như màu sắc, định dạng và bố cục. Trong khi đó, Javascript làm cho các phần tử này hoạt động theo những cách nhất định tùy thuộc vào hành động của người dùng. Ví dụ: kích thước phông chữ của văn bản có thể tăng lên khi người dùng di chuột hoặc nhấp vào nút trên trang.
Để viết HTML, bạn sẽ cần một trình soạn thảo văn bản, như Notepad, Brackets hoặc Atom. Trình chỉnh sửa HTML đảm bảo mã của bạn gọn gàng và hoạt động tốt. Chúng giúp giảm lỗi bằng cách tự động chèn thẻ và các phần tử phổ biến khác hoặc thông qua việc gỡ lỗi.
HTML được sử dụng để làm gì?
HTML là ngôn ngữ mặc định của các trang web và tài liệu dựa trên web. Nó giúp trình duyệt hiểu cấu trúc và kiểu của tài liệu hoặc các tệp khi xem qua internet. Nó cho phép các trang web lưu trữ âm thanh, video, bảng tính và các ứng dụng khác. Nó cũng tạo điều kiện thuận lợi cho việc điều hướng trong các trang web hoặc giữa các trang web thông qua hypertext.
Hơn nữa, các nhà tạo trang web có thể sử dụng HTML để thiết kế các form đặt hàng sản phẩm, đặt chỗ hoặc tìm kiếm thông tin. Do đó, HTML là nền tảng cơ bản để xây dựng thương hiệu của bạn và điều hành một website thương mại điện tử hoặc việc kinh doanh online.
Điều gì tạo nên tài liệu HTML?
Các thành phần chính của tài liệu HTML là các thẻ và phần tử. Chúng cho trình duyệt của bạn biết cách hiển thị nội dung của bạn. Thẻ bắt đầu và kết thúc bằng dấu ngoặc nhọn hoặc dấu “nhỏ hơn” và “lớn hơn”. Các chữ cái giữa chúng được gọi là nội dung phần tử.
Phần sau đây tạo nên cấu trúc cơ bản của một trang HTML (theo thứ tự xuất hiện của chúng):
Khai báo kiểu tài liệu (DTD)
<!DOCTYPE html> xuất hiện ở đầu tài liệu HTML. Nó cho trình duyệt biết phiên bản HTML nào đã được sử dụng để tạo trang.
Phần tử gốc HTML
<html>, được viết bên dưới DTD, hoạt động giống như “nơi chứa chính” chứa tất cả các phần tử khác. Nó có thể chỉ định ngôn ngữ của tài liệu HTML. Ví dụ: <html lang = “en-US”> có nghĩa là trang được viết bằng tiếng Anh Mỹ.
Head
<head>, bạn sẽ tìm thấy giữa <html> và <body>, chứa metadata mô tả thông tin về trang. Chúng bao gồm:
- <title> hoặc chủ đề tổng thể của trang web. Nó tách biệt nhưng phải khớp với thẻ headline tag xuất hiện trong phần body.
- <style> xác định cách các phần tử sẽ hiển thị trong trình duyệt. Điều này bao gồm màu của dòng tiêu đề, căn chỉnh văn bản, màu nền của nội dung, v.v.
- <link> chỉ ra các tài nguyên (tức là một trang web khác hoặc kiểu sheet bên ngoài) được liên kết với trang HTML.
- <meta> chứa từ khóa, tác giả và mô tả trang.
- <base> liên quan đến URL mặc định.
Body
<body> là phần chính của tài liệu chứa thông tin mà trình duyệt hiển thị trên màn hình. Nó có thể bao gồm:
- Header có tiêu đề trang web, biểu trưng, điều hướng chính và thanh tìm kiếm.
- Nội dung chính bao gồm tiêu đề hoặc tiêu đề bài viết, nội dung bài viết, ngày đăng, tác giả, v.v.
- Sidebar hiển thị các widget và điều hướng phụ, chẳng hạn như các kho lưu trữ theo danh mục hoặc ngày tháng.
- Footer cung cấp thông tin liên hệ, liên kết social, bản quyền và điều hướng.
HTML hoạt động như thế nào?
Tác giả trang web nhập tài liệu HTML và lưu với phần mở rộng .html hoặc .htm (filename.html hoặc filename.htm). Sau đó, tệp này được tải lên Worldwide Web, nơi sẽ hiển thị hình thức trực tuyến của tệp.
Để mở tệp HTML từ PC của bạn, hãy truy cập File Explorer, nhấp chuột phải vào tệp (hoặc nhấp đúp vào tệp nếu bạn đang sử dụng Mac) và chọn “Open with” từ menu để khởi chạy trong trình duyệt ưa thích của bạn.
Google Chrome, Mozilla Firefox, Safari và các trình duyệt khác có thể nhận dạng và đọc định dạng này. Bạn cũng có thể khởi chạy trình duyệt của mình, nhấn Ctrl + O để menu “mở” lên và nhấp đúp vào tệp html của bạn.
Các trình duyệt sử dụng các phần tử HTML để diễn giải nội dung của trang và hiển thị chúng chính xác trên màn hình một cách gọn gàng và có định dạng.
Lời kết
Trong thế giới của Digital, HTML là một trong những trụ cột đã có từ rất lâu và cho đến ngày nay HTML vẫn là ngôn ngữ mã hóa được sử dụng rộng rãi nhất.
Nguồn:influencermarketinghub.com