Về mặt kỹ thuật, HTML là một ngôn ngữ lập trình. Trên thực tế, HTML là viết tắt của Hypertext Markup Language. Việc HTML có phải là ngôn ngữ thực hay không là vấn đề ngữ nghĩa và không quá quan trọng

Tuy nhiên, điều quan trọng là phải hiểu rằng HTML - và CSS, đối với vấn đề đó - hoàn toàn khác so với hầu hết các ngôn ngữ khác và thật khó để có được một bức tranh toàn cảnh về cách viết mã chỉ từ hai ngôn ngữ đó.

HTML và CSS khác với các ngôn ngữ khác như thế nào?

HTML và CSS là ngôn ngữ khai báo. Đó là, chúng là những câu lệnh cơ bản tuyên bố những gì sẽ tồn tại trên một trang web. Đây là một số HTML mẫu

  This is the headline within this section.
  
This is a paragraph within this section.

Về cơ bản, HTML ở trên nói rằng trang web này phải chứa một phần và phần đó phải chứa tiêu đề và một đoạn văn. Không có bất kỳ loại tính toán nào - đó là một tuyên bố thực tế đơn giản. Đây là những gì tôi đề cập đến HTML như một ngôn ngữ khai báo

Tương tự, đây là một số CSS mẫu

  p {
    color: red;
    font-size: 12px;
    text-align: center;
  }

CSS ở trên nói rằng tất cả các đoạn văn trên trang web phải có văn bản màu đỏ, kích thước 12 pixel và phải được căn chỉnh ở giữa. Một lần nữa, không có tính toán - nó chỉ là một loạt các khai báo đơn giản

Mặc dù HTML và CSS là ngôn ngữ khai báo, nhưng hầu hết mã hóa là tính toán - và đó là điều mà hầu hết các ngôn ngữ mã hóa khác được thiết kế cho

Đây là một số mã tính toán tính trung bình của một danh sách các số

list = [5, 2, 10, 8, 9, 4, 7]
sum = list.sum
average = sum / list.size

Đoạn mã này, thay vì khai báo, đang thực hiện một loạt phép tính để đạt được kết quả cuối cùng. Dòng đầu tiên khởi tạo danh sách các số. Dòng thứ hai tính tổng của tất cả các số trong danh sách. Dòng thứ ba tính giá trị trung bình bằng cách chia tổng cho số mục trong danh sách

Phần lớn các ngôn ngữ mã hóa liên quan đến việc viết mã tính toán. Mã máy tính không phải lúc nào cũng có bản chất toán học, nhưng đó là mã tạo ra chức năng. Trong khi HTML và CSS là những tuyên bố về những gì sẽ xuất hiện trên một trang web, mã tính toán là thứ làm cho mọi thứ xảy ra. Thêm một mặt hàng vào giỏ hàng của bạn, bắn một kẻ xấu trong trò chơi, xóa một mặt hàng khỏi bảng tính của bạn - đây đều là những ví dụ về chức năng và được thực hiện thông qua mã tính toán

Lý do tại sao sự khác biệt này lại quan trọng là vì nhiều người bắt đầu hành trình viết mã của họ với HTML và CSS. Và mặc dù đó là một nơi tốt để bắt đầu, nhưng điều quan trọng là không nhảy vào một nghề nghiệp mới chỉ dựa trên kinh nghiệm của bạn với những ngôn ngữ đó. Còn quá sớm để cho rằng bạn thích viết mã và đăng ký một bootcamp viết mã nếu bạn mới chỉ có kinh nghiệm với HTML và CSS. Để thực sự biết liệu bạn có thích viết mã hay không, bạn sẽ muốn có một số kinh nghiệm với ngôn ngữ tính toán cổ điển, vì hầu hết các công việc lập trình chủ yếu là viết mã tính toán.

Nếu bạn đang quyết định thử dùng ngôn ngữ máy tính nào trước, hãy xem bài đăng trên blog của chúng tôi về chủ đề đó tại đây

HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản. Nó là một ngôn ngữ đánh dấu tiêu chuẩn để tạo trang web. Nó cho phép tạo và cấu trúc các phần, đoạn văn và liên kết bằng cách sử dụng các phần tử HTML (các khối xây dựng của trang web) chẳng hạn như thẻ và thuộc tính.  

HTML có rất nhiều trường hợp sử dụng, cụ thể là

• phát triển web. Nhà phát triển sử dụng mã HTML để thiết kế cách trình duyệt hiển thị các thành phần trang web, chẳng hạn như văn bản, siêu liên kết và tệp phương tiện.  
• điều hướng Internet. Người dùng có thể dễ dàng điều hướng và chèn liên kết giữa các trang và trang web có liên quan vì HTML được sử dụng nhiều để nhúng các siêu liên kết.  
• tài liệu web. HTML cho phép tổ chức và định dạng tài liệu, tương tự như Microsoft Word

Cũng cần lưu ý rằng HTML không được coi là ngôn ngữ lập trình vì nó không thể tạo chức năng động. Nó hiện được coi là một tiêu chuẩn web chính thức. World Wide Web Consortium (W3C) duy trì và phát triển các đặc tả HTML, cùng với việc cung cấp các bản cập nhật thường xuyên.  

Bài viết này sẽ đề cập đến những kiến ​​thức cơ bản về HTML, bao gồm cách thức hoạt động, ưu và nhược điểm của nó cũng như mối quan hệ của nó với CSS và JavaScript.  

Tải xuống Bảng cheat HTML hoàn chỉnh

HTML được giải thích trong một video hướng dẫn

Bạn đang vội sao?

Đăng ký Để có thêm video giáo dục. Học viện Hostinger

Đặt mua

HTML hoạt động như thế nào

Trang web trung bình bao gồm một số trang HTML khác nhau. Ví dụ: trang chủ, trang giới thiệu và trang liên hệ đều có các tệp HTML riêng biệt

Tài liệu HTML là các tệp kết thúc bằng một. html hoặc. phần mở rộng htm. Trình duyệt web đọc tệp HTML và hiển thị nội dung của nó để người dùng internet có thể xem được

Tất cả các trang HTML đều có một loạt các phần tử HTML, bao gồm một tập hợp các thẻ và thuộc tính. Các phần tử HTML là các khối xây dựng của một trang web. Một thẻ cho trình duyệt web biết nơi một phần tử bắt đầu và kết thúc, trong khi một thuộc tính mô tả các đặc điểm của một phần tử.  

Ba phần chính của một phần tử là.  

• Opening tag – used to state where an element starts to take effect. The tag is wrapped with opening and closing angle brackets. For example, use the start tag

  to create a paragraph. 

• Nội dung – đây là đầu ra mà người dùng khác nhìn thấy.  
• Thẻ đóng – giống như thẻ mở nhưng có dấu gạch chéo lên trước tên phần tử. Ví dụ:
  để kết thúc một đoạn văn.  

Sự kết hợp của ba phần này sẽ tạo ra một phần tử HTML

This is how you add a paragraph in HTML.

Một phần quan trọng khác của phần tử HTML là thuộc tính của nó, có hai phần – tên và giá trị thuộc tính. Tên xác định thông tin bổ sung mà người dùng muốn thêm, trong khi giá trị thuộc tính cung cấp thêm thông số kỹ thuật.  

Ví dụ: một phần tử kiểu thêm màu tím và họ phông chữ verdana sẽ trông như thế này

This is how you add a paragraph in HTML.

Một thuộc tính khác, lớp HTML, là quan trọng nhất để phát triển và lập trình. Thuộc tính lớp thêm thông tin kiểu có thể hoạt động trên các phần tử khác nhau có cùng giá trị lớp.  

For example, we will use the same style for a heading

and a paragraph

. The style includes background color, text color, border, margin, and padding, under the class .important. To achieve the same style between

and

, add class=”important” after each start tag: 

This is a heading
This is a paragraph.

Hầu hết các phần tử đều có thẻ mở và thẻ đóng, nhưng một số phần tử không cần thẻ đóng để hoạt động, chẳng hạn như các phần tử trống. Các phần tử này không sử dụng thẻ kết thúc vì chúng không có nội dung

Thẻ hình ảnh này có hai thuộc tính – thuộc tính src, đường dẫn hình ảnh và thuộc tính alt, văn bản mô tả. Tuy nhiên, nó không có nội dung cũng như thẻ kết thúc.  

Lastly, every HTML document must start with a declaration to inform the web browser about the document type. With HTML5, the doctype HTML public declaration will be:

Các thẻ HTML và phần tử HTML được sử dụng nhiều nhất

Hiện tại, có sẵn 142 thẻ HTML cho phép tạo các phần tử khác nhau. Mặc dù các trình duyệt hiện đại không còn hỗ trợ một số thẻ này, nhưng việc tìm hiểu tất cả các yếu tố khác nhau có sẵn vẫn có lợi.  

Phần này sẽ thảo luận về các thẻ HTML được sử dụng nhiều nhất và hai phần tử chính – phần tử cấp độ khối và phần tử nội tuyến.  

Các yếu tố cấp khối

Phần tử cấp khối chiếm toàn bộ chiều rộng của trang. Nó luôn bắt đầu một dòng mới trong tài liệu. Ví dụ: phần tử tiêu đề sẽ nằm trong một dòng riêng biệt với phần tử đoạn văn

Mỗi trang HTML đều sử dụng ba thẻ này

• tag is the root element that defines the whole HTML document.
• tag holds meta information such as the page’s title and charset.
• tag encloses all the content that appears on the page.

Các thẻ mức khối phổ biến khác bao gồm

• Heading tags – these range from

  to

  , where heading h1 is largest in size, getting smaller as they move up to h6. 

• Paragraph tags – are all enclosed by using the

  tag.

• List tags – have different variations. Use the
  tag for an ordered list, and use
  for an unordered list. Then, enclose individual list items using the
  • tag. 

  Yếu tố nội tuyến

  Phần tử nội tuyến định dạng nội dung bên trong của phần tử cấp khối, chẳng hạn như thêm liên kết và chuỗi nhấn mạnh. Các phần tử trong dòng được sử dụng phổ biến nhất để định dạng văn bản mà không làm gián đoạn dòng nội dung.  

  For example, a tag would render an element in bold, whereas the tag would show it in italics. Hyperlinks are also inline elements that use an tag and an href attribute to indicate the link’s destination:

  Click me!

  Sự phát triển của HTML – Điều gì khác biệt giữa HTML và HTML5?

  Phiên bản đầu tiên của HTML bao gồm 18 thẻ. Kể từ đó, mỗi phiên bản mới đều có các thẻ và thuộc tính mới được thêm vào phần đánh dấu. Nâng cấp quan trọng nhất của ngôn ngữ cho đến nay là sự ra đời của HTML5 vào năm 2014.  

  The main difference between HTML and HTML5 is that HTML5 supports new kinds of form controls. HTML5 also introduced several semantic tags that clearly describe the content, such as

  ,
  , and