Hướng dẫn what is the html of a website? - html của một trang web là gì?

Ngôn ngữ đánh dấu siêu văn bản là một ngôn ngữ được sử dụng để tạo các trang trên web. Trình duyệt web diễn giải ngôn ngữ và hiển thị trang theo hướng dẫn của HTML. Bằng cách xem trang HTML HTML hoặc mã nguồn, bạn có thể thấy cách các phần tử trên trang được xử lý cũng như các đường dẫn đến hình ảnh của trang hoặc các tính năng âm thanh. Đối với một doanh nghiệp nhỏ, việc xem mã nguồn của một trang có yếu tố bạn muốn kết hợp trên trang của riêng bạn hoặc thậm chí xem các phần tử trên trang của riêng bạn có thể hữu ích trong việc xác định cách trình duyệt giải thích HTML.

1. Mở trình duyệt của bạn và điều hướng đến trang mà bạn muốn xem HTML

2. Nhấp chuột phải vào trang để mở menu nhấp chuột phải sau khi trang hoàn thành tải.

3. Nhấp vào mục menu cho phép bạn xem nguồn. Trong Internet Explorere, mục menu là nguồn xem. Trong Mozilla Firefox và Chrome, mục menu là nguồn xem trang xem. Trong Opera, mục menu là nguồn.

4. Khi trang nguồn mở, bạn sẽ thấy mã HTML cho toàn trang. Quét qua nó để định vị mã cho các tính năng và đối tượng cụ thể trên trang, như mong muốn.

05 tháng 10 năm 2022

Astari S.

6 phút đọc

HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản. Itis 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ủa các phần, đoạn văn và liên kết bằng các phần tử HTML (các khối xây dựng của một trang web) như thẻ và thuộc tính. & NBSP;HyperText Markup Language. Itis a standard markup language for web page creation. It allows the creation and structure of sections, paragraphs, and links using HTML elements (the building blocks of a web page) such as tags and attributes. 

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

• Phát triển web. Các nhà phát triển sử dụng mã HTML để thiết kế cách trình duyệt hiển thị các yếu tố trang web, chẳng hạn như văn bản, siêu liên kết và tệp phương tiện. & NBSP;. Developers use HTML code to design how a browser displays web page elements, such as text, hyperlinks, and media files. 
• Điều hướng Internet. Người dùng có thể dễ dàng điều hướng và chèn các liên kết giữa các trang và trang web liên quan vì HTML được sử dụng rất nhiều để nhúng các siêu liên kết. & NBSP;. Users can easily navigate and insert links between related pages and websites as HTML is heavily used to embed hyperlinks. 
• Tài liệu web. HTML cho phép tổ chức và định dạng các tài liệu, tương tự như Microsoft Word.. HTML makes it possible to organize and format documents, similarly to Microsoft Word.

Nó cũng đáng chú ý rằng HTML không được coi là ngôn ngữ lập trình vì nó có thể tạo ra 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 thông số kỹ thuật HTML, cùng với việc cung cấp các cập nhật thường xuyên. & NBSP;

Bài viết này sẽ đi qua những điều cơ bản của HTML, bao gồm cách thức hoạt động, ưu và nhược điểm của nó, và cách nó liên quan đến CSS và JavaScript. & NBSP;

Tải xuống hoàn thành bảng cheat HTML

• HTML đã giải thích trong một hướng dẫn video
• HTML hoạt động như thế nào
• Hầu hết các thẻ HTML được sử dụng và các phần tử HTML
  • Các yếu tố cấp khối
  • Các yếu tố nội tuyến
• Sự tiến hóa của HTML - Điều gì khác nhau giữa HTML và HTML5?
• Ưu và nhược điểm của HTML
• HTML, CSS và JavaScript liên quan như thế nào
• Hiểu HTML và cải thiện kiến ​​thức HTML của bạn
• Câu hỏi thường gặp HTML là gì
  • HTML được sử dụng để làm gì?
  • HTML hoạt động như thế nào?
  • HTML có dễ học không?
  • HTML là loại ngôn ngữ nào?

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

Bạn đang vội sao? Kiểm tra video hướng dẫn của chúng tôi thay thế.

Đăng ký để biết thêm video giáo dục! Học viện Hostinger Hostinger Academy

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

Trang web trung bình bao gồm một số trang HTML khác nhau. Chẳng hạn, một trang chủ, trang về trang và trang liên hệ đều sẽ có các tệp HTML riêng biệt.

Các tài liệu HTML là các tệp kết thúc bằng tiện ích mở rộng .html hoặc .htm. Một 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 nó.

Tất cả các trang HTML 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 biết trình duyệt web 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ử. & NBSP;

Ba phần chính của một yếu tố là: & nbsp;

• Thẻ mở - Được sử dụng để nêu nơi một phần tử bắt đầu có hiệu lực. Thẻ được bọc bằng khung mở và đóng khung góc. Ví dụ: sử dụng thẻ bắt đầu để tạo một đoạn văn. & NBSP;
• Nội dung - Đây là đầu ra mà người dùng khác nhìn thấy. & NBSP;
• Đóng thẻ - giống như thẻ mở, nhưng với một dấu gạch chéo phía trước trước tên phần tử. Ví dụ, để kết thúc một đoạn. & NBSP;

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 - giá trị thuộc tính và tên. 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. & NBSP;

Ví dụ, một yếu tố phong cách thêm màu tím và verdana của phông chữ 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, quan trọng nhất cho sự 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 yếu tố khác nhau với cùng một giá trị lớp. & NBSP;

Ví dụ, chúng tôi sẽ sử dụng cùng một phong cách cho một tiêu đề và một đoạn văn. Phong cách bao gồm màu nền, màu văn bản, đường viền, lề và đệm, dưới lớp. Quan trọng. Để đạt được cùng một phong cách giữa và, thêm lớp = Quan trọng quan trọng sau mỗi thẻ bắt đầu: & nbsp;

This is a heading
This is a paragraph.

Hầu hết các yếu tố có một thẻ mở và đóng, nhưng một số yếu tố không cần thẻ đóng để hoạt động, chẳng hạn như các yếu tố trống. Các yếu tố này không sử dụng thẻ cuối 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ẻ cuối. & NBSP;

Cuối cùng, mọi tài liệu HTML phải bắt đầu với một tuyên bố để thông báo cho trình duyệt web về loại tài liệu. Với HTML5, Tuyên bố công khai HTML doctype sẽ là:

Hiện tại, có 142 thẻ HTML có sẵn cho phép tạo ra các yếu 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, việc học tất cả các yếu tố khác nhau có sẵn vẫn có lợi. & NBSP;

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

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

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

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

• TAG là phần tử gốc xác định toàn bộ tài liệu HTML.
• TAG giữ thông tin meta như tiêu đề và ký tự của trang.
• TAG kèm theo tất cả các nội dung xuất hiện trên trang.

Các thẻ cấp độ khối phổ biến khác bao gồm:

• Các thẻ tiêu đề - Những phạm vi này từ đến, trong đó tiêu đề H2 có kích thước lớn nhất, ngày càng nhỏ hơn khi chúng di chuyển lên H6. & NBSP;
• Thẻ đoạn văn - tất cả đều được bao quanh bằng cách sử dụng thẻ.
• Thẻ danh sách - có các biến thể khác nhau. Sử dụng thẻ cho một danh sách đã đặt hàng và sử dụng cho một danh sách không có thứ tự. Sau đó, kèm theo các mục danh sách riêng lẻ bằng cách sử dụng thẻ. & Nbsp;

Các yếu tố nội tuyến

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

Ví dụ, một thẻ sẽ hiển thị một phần tử in đậm, trong khi thẻ sẽ hiển thị nó bằng chữ in nghiêng. HyperLinks cũng là các yếu tố nội tuyến sử dụng thẻ và thuộc tính HREF để chỉ ra điểm đến liên kết:

Click me!

Sự tiến hóa của HTML - Điều gì khác nhau 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 đi kèm với các thẻ và thuộc tính mới được thêm vào đánh dấu. Việc nâng cấp đáng kể nhất của ngôn ngữ cho đến nay là sự ra đời của HTML5 vào năm 2014. & NBSP;

Sự khác biệt chính giữa HTML và HTML5 là HTML5 hỗ trợ các loại điều khiển biểu mẫu mới. HTML5 cũng đã giới thiệu một số thẻ ngữ nghĩa mô tả rõ ràng nội dung, chẳng hạn như, và. & NBSP;

Ưu và nhược điểm của HTML

Cũng giống như bất kỳ ngôn ngữ máy tính nào khác, HTML có điểm mạnh và hạn chế của nó. Dưới đây là những ưu và nhược điểm của HTML:

Pros:

• Thân thiện với người mới bắt đầu. HTML có một dấu hiệu sạch sẽ và nhất quán, cũng như một đường cong học tập nông.
• Ủng hộ. Ngôn ngữ được sử dụng rộng rãi, với rất nhiều tài nguyên và một cộng đồng lớn đằng sau nó.
• Có thể truy cập. Nó là nguồn mở và hoàn toàn miễn phí. HTML chạy tự nhiên trong tất cả các trình duyệt web.
• Linh hoạt. HTML dễ dàng tích hợp với các ngôn ngữ phụ trợ như PHP và Node.js.

Cons:

• Tĩnh. Ngôn ngữ chủ yếu được sử dụng cho các trang web tĩnh. Đối với chức năng động, bạn có thể cần sử dụng JavaScript hoặc ngôn ngữ back-end như PHP.
• Trang HTML riêng biệt. Người dùng phải tạo các trang web riêng lẻ cho HTML, ngay cả khi các phần tử giống nhau. & NBSP;
• Tính tương thích của trình duyệt web. Một số trình duyệt áp dụng các tính năng mới từ từ. Đôi khi các trình duyệt cũ hơn don luôn luôn hiển thị các thẻ mới hơn.

HTML được sử dụng để thêm các thành phần văn bản và tạo cấu trúc của nội dung. Tuy nhiên, nó không đủ để xây dựng một trang web chuyên nghiệp và đáp ứng đầy đủ. Vì vậy, HTML cần sự trợ giúp của các bảng kiểu xếp tầng (CSS) và JavaScript để tạo ra phần lớn nội dung trang web. & NBSP;

CSS chịu trách nhiệm cho các phong cách như nền, màu sắc, bố cục, khoảng cách và hình ảnh động. Mặt khác, JavaScript thêm chức năng động như thanh trượt, cửa sổ bật lên và phòng trưng bày ảnh. Ba ngôn ngữ này là các nguyên tắc cơ bản của sự phát triển phía trước.

Hiểu HTML và cải thiện kiến ​​thức HTML của bạn

Tìm hiểu về HTML là bước đầu tiên tuyệt vời cho những người quan tâm đến phát triển web. & NBSP;

Có rất nhiều khóa học có sẵn trực tuyến để học viết mã, nhưng chúng tôi đã liệt kê ba cơ sở dữ liệu hướng dẫn tốt nhất cho HTML:

• W3Schools - Có tài nguyên, ví dụ và bài tập để giúp học HTML cơ bản miễn phí. Ngoài ra còn có một hướng dẫn HTML tự nhịp độ có giá 95 đô la và cung cấp chứng chỉ chính thức. & NBSP;
• Codecademy - Cung cấp các khóa học giới thiệu miễn phí với các hướng dẫn tương tác. Codecademy sử dụng màn hình chia nhỏ sẽ tự động hiển thị kết quả mã hóa của bạn trên tệp HTML. Có nội dung độc quyền có sẵn với giá $ 19,99/tháng.
• Coursera-cung cấp các khóa học khác nhau cung cấp các giải thích chuyên sâu với các ví dụ thực tế. Giá đăng ký là $ 49/tháng và có bản dùng thử miễn phí 7 ngày để bắt đầu. & NBSP;

Sự kết luận

HTML là ngôn ngữ đánh dấu chính được tìm thấy trên Internet. Mỗi trang HTML có một loạt các yếu tố tạo cấu trúc nội dung của trang web hoặc ứng dụng. & NBSP;

HTML là ngôn ngữ thân thiện với người mới bắt đầu với nhiều hỗ trợ và chủ yếu được sử dụng cho các trang trang web tĩnh. HTML hoạt động tốt nhất cùng với CSS cho kiểu dáng và JavaScript cho chức năng. Bạn có thể kiểm tra cách liên kết CSS và HTML trên blog của chúng tôi.

Chúng tôi cũng đã chỉ cho bạn một số khóa học hàng đầu có sẵn trực tuyến sẽ giúp cải thiện kiến ​​thức của bạn về HTML hoặc cung cấp sự hiểu biết cơ bản về nó.

Hãy cho chúng tôi biết trong phần bình luận nếu bạn có bất kỳ tài nguyên yêu thích nào khác để học HTML với. Chúc may mắn.

Câu hỏi thường gặp HTML là gì

HTML được sử dụng để làm gì?

Ngôn ngữ đánh dấu siêu văn bản, hoặc HTML, là ngôn ngữ lập trình được sử dụng để mô tả cấu trúc của các trang web. HTML cho phép tạo các trang tĩnh với văn bản, tiêu đề, bảng, danh sách, hình ảnh, liên kết, v.v.

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

Dựa trên văn bản, HTML cho trình duyệt biết cách hiển thị tất cả các yếu tố trang khác nhau như văn bản, hình ảnh và đa phương tiện khác, trên một trang web riêng lẻ.

HTML có dễ học không?

Có-nó có lẽ là ngôn ngữ lập trình phía trước dễ nhất mà bạn có thể học. Với rất nhiều tài nguyên và công cụ trực tuyến miễn phí có sẵn, nó cũng là một ngôn ngữ tương đối nhanh để học.

HTML là loại ngôn ngữ nào?

HTML là một ngôn ngữ mã hóa đánh dấu. Nó sắp xếp thông qua dữ liệu mà Lừa được phân loại với các thẻ HTML, cho phép xác định nó và mô tả mục đích của nó trên một trang web. HTML cho biết một trình duyệt web về cơ bản là các yếu tố trang khác nhau là gì và chúng nên đi đâu khi tải trang.

Đam mê tiếp thị kỹ thuật số, SEO và WordPress, Astari nhằm mục đích chia sẻ kiến ​​thức sâu rộng của mình với các tác phẩm của mình. Bên ngoài việc lướt Internet, Astari cũng thích lướt sóng, đi bộ đường dài, leo núi, thiền định và đọc sách. Nhiệm vụ của cô là học một cái gì đó mới mỗi ngày.

Trang web HTML có nghĩa là gì?

HTML giải thích với ví dụ là gì?

HTML được sử dụng như thế nào trong trang web?