Bạn có thể đã nghe thuật ngữ HTML trước đây, nhưng HTML thực sự có nghĩa là gì? . Ngôn ngữ đánh dấu khác với ngôn ngữ lập trình. Trong khi các ngôn ngữ lập trình giúp chúng tôi sửa đổi dữ liệu, chúng tôi sử dụng các ngôn ngữ đánh dấu để xác định cách các phần tử được hiển thị trên trang web
HTML có cấu trúc đơn giản, dựa trên văn bản, dễ dàng cho người mới bắt đầu học và hiểu. Đây là một ví dụ
Heading
Content
Vậy HTML dùng để làm gì? . Đọc để tìm hiểu thêm về cách HTML hoạt động, cách HTML5 cải thiện chức năng của nó và các nghề nghiệp khác nhau sử dụng nó
HTML hoạt động như thế nào?
HTML thường được lưu trữ trong các tệp sử dụng. htm hoặc. phần mở rộng html. Một trang web có thể bao gồm hàng trăm hoặc thậm chí hàng nghìn tệp HTML này được lưu trong các thư mục khác nhau
Khi bạn truy cập một trang web, máy chủ của nó sẽ gửi các tệp HTML của nó tới trình duyệt của bạn. Sau đó, trình duyệt của bạn sẽ đọc HTML trong các tệp và hiển thị nó. Một số ứng dụng web không sử dụng HTML tĩnh nhưng tạo ra nó để đáp ứng với các hành động cụ thể trên máy chủ của họ
Chúng tôi cũng có thể thêm các loại nội dung khác, chẳng hạn như tệp CSS và JavaScript, hình ảnh và video để thêm nhiều tính năng hơn cho trang web. CSS cho phép chúng tôi thêm các yếu tố phong cách (như màu sắc) vào trang web. JavaScript cho phép tương tác. Cùng với nhau, ba ngôn ngữ này tạo thành nền tảng phát triển web
Các thẻ và phần tử HTML là gì?
Hãy nghĩ về các phần tử HTML như các khối xây dựng của một trang web. Các phần tử được xác định bằng thẻ mở và thẻ đóng của chúng và có thể được lồng trong các phần tử khác. Các nhà phát triển web sử dụng các yếu tố để cấu trúc một trang web thành các phần, tiêu đề và các khối nội dung khác. Đây là một ví dụ
Heading
The main content
List item one
List item two
Trong ví dụ HTML ở trên, phần tử đầu tiên chúng ta thấy là
, phần tử này bao quanh các phần tử khác. Div là một trong những phần tử HTML phổ biến nhất và là một cách đơn giản để tách một trang thành các phần. Ví dụ: nếu bạn muốn tạo hai cột trên một trang web, bạn có thể sử dụng các phần tử div để xác định chúng
Được lồng bên trong div, chúng ta thấy một phần tử
. Các phần tử H1 xác định tiêu đề chính của trang web. Văn bản trong tiêu đề thường sẽ lớn hơn và đậm hơn, tùy thuộc vào kiểu được áp dụng cho trang
Thẻ
tạo thành phần đoạn văn. Thường sẽ có một lề sau phần tử, một lần nữa, tùy thuộc vào kiểu
Cuối cùng, chúng ta thấy một vài bộ phần tử lồng nhau. Thẻ
tạo một danh sách không có thứ tự, danh sách này không có tác dụng gì cho đến khi bạn lồng ít nhất một tập hợp các phần tử danh sách (_______9_______) vào bên trong nó. Một trình duyệt sẽ hiển thị các phần tử này giống như thế này
Liệt kê mục một
Liệt kê mục hai
Các phần tử HTML được liệt kê ở trên là một số phần tử phổ biến nhất, nhưng chúng ta có thể sử dụng các phần tử khác để thêm hình ảnh, bảng và các phần tử khác vào trang web
HTML5 là gì?
HTML5 là phiên bản mới nhất của HTML. Bản cập nhật đã cải thiện chức năng của ngôn ngữ, cho phép sử dụng các tính năng trước đây yêu cầu phần mềm bổ sung như plugin trình duyệt. Nó cũng đã thêm khả năng tạo các ứng dụng bằng HTML hoạt động ngoại tuyến. Dưới đây là một số thẻ mà HTML5 đã thêm vào ngôn ngữ
Heading
The main content
List item one
List item two
0. HTML5 cũng đã thêm các thẻ mới để xác định các phần cụ thể của trang web, như thẻ điều hướng, xác định các thành phần điều hướng
Các tính năng được liệt kê ở trên chỉ là một số trong số rất nhiều tính năng do HTML5 mang lại. Đó là một trong những thay đổi lớn nhất trong định nghĩa của ngôn ngữ và mở đường cho các trang web động hiện đại ngày nay
HTML được sử dụng để làm gì?
Bây giờ chúng ta đã hiểu các thẻ và phần tử HTML cũng như các bản cập nhật do HTML5 mang lại, chúng ta hãy xem xét kỹ hơn những gì ngôn ngữ này có thể làm
Cấu trúc các trang web
Với các thẻ và phần tử, chúng ta có thể xác định tiêu đề, đoạn văn và các nội dung khác của trang web. Các trình duyệt đi kèm với biểu định kiểu tích hợp giúp phân biệt các yếu tố này một cách trực quan. Nội dung được bao quanh bởi các thẻ _______________ sẽ có phông chữ lớn, đậm và có dòng riêng. Xung quanh văn bản với các thẻ
Heading
The main content
List item one
List item two
2 sẽ làm cho nó đậm và nhỏ hơn một chút so với các phần tử
, v.v. Không có các thẻ này, văn bản trên trang web sẽ trông giống nhau
Điều hướng internet
Điều hướng trên internet sẽ khó hơn nhiều nếu không có HTML. Hãy tưởng tượng bạn phải nhập thủ công URL của mọi trang web bạn muốn truy cập. Đây sẽ là thực tế của chúng tôi nếu không có thẻ neo. Thẻ neo HTML cho phép chúng ta liên kết các trang với nhau bằng cách sử dụng thuộc tính href. Đây là một ví dụ
Heading
The main content
List item one
List item two
4
Như bạn có thể đoán, đoạn mã trên tạo một siêu liên kết tới Google. Bạn cũng có thể sử dụng siêu liên kết để liên kết đến một phần cụ thể của trang web
Nhúng hình ảnh và video
HTML cũng cho phép bạn không chỉ nhúng hình ảnh vào trang web mà còn điều chỉnh chiều rộng, chiều cao, vị trí và thậm chí cả cách chúng được hiển thị
Trước đây, các nhà phát triển sẽ sử dụng Flash để nhúng video vào trang web. Tuy nhiên, với việc bổ sung thẻ
