search

Hướng dẫn what can html be combined with - html có thể được kết hợp với cái gì

Ngày đăng: 25/11/2022
Trả lời: 0
Lượt xem: 16

Hướng dẫn what can html be combined with - html có thể được kết hợp với cái gì

Bạn có thể đã nghe thuật ngữ HTML trước đây, nhưng HTML thực sự có nghĩa là gì? HTML là một từ viết tắt là viết tắt của Ngôn ngữ đánh dấu siêu văn bản. 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.

Show

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 hỏi và hiểu. Đây là một ví dụ:


 
  Page Title
 
 
  
Heading

  
Content

Vì vậy, HTML được sử dụng để làm gì? Các nhà phát triển web sử dụng nó để tổ chức, định dạng và hiển thị nội dung của trang web. Đọ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 tiện ích mở rộng .htm hoặc .html. Một trang web có thể bao gồm hàng trăm hoặc thậm chí hàng ngà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ó đến trình duyệt của bạn. Trình duyệt của bạn sau đó đọ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 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, như các tệp, hình ảnh và video của CSS và JavaScript để thêm nhiều tính năng vào 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 một trang web. JavaScript cho phép tương tác. Cùng nhau, ba ngôn ngữ này tạo thành nền tảng của sự phát triển web.

Hãy nghĩ về các yếu tố HTML là khối xây dựng của một trang web. Các yếu tố được xác định bởi các thẻ mở và đóng của chúng và có thể được lồng trong các yếu 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à

, 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.

Lồng bên trong div, chúng ta thấy một yếu tố

. Các yếu tố H1 xác định tiêu đề chính của một trang web. Văn bản trong một tiêu đề thường sẽ lớn hơn và táo bạo hơn, tùy thuộc vào các kiểu được áp dụng cho trang.

Thẻ

tạo ra một phần tử đ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 các kiểu.

Cuối cùng, chúng ta thấy một vài bộ yếu tố lồng nhau. Thẻ

    tạo ra một danh sách không có thứ tự, không có gì cho đến khi bạn làm tổ ít nhất một bộ các yếu tố danh sách (
  • ) trong đó. Một trình duyệt sẽ hiển thị các yếu tố này như một cái gì đó 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ố trong những phần phổ biến nhất, nhưng chúng ta có thể sử dụng các yếu tố khác để thêm hình ảnh, bảng và các yếu tố khác vào các 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 mà trước đây yêu cầu phần mềm bổ sung như các plugin trình duyệt. Nó cũng đã thêm khả năng tạo các ứng dụng bằng HTML chức năng ngoại tuyến. Dưới đây là một số thẻ mà HTML5 đã thêm vào ngôn ngữ:

    • : Thẻ video cho phép các nhà phát triển nhúng và truyền phát video từ trình duyệt mà không cần một plugin như Flash hoặc Silverlight
    • : Thẻ âm thanh tương tự như thẻ video ở chỗ bạn có thể sử dụng nó để nhúng và phát trực tuyến các tệp âm thanh từ trình duyệt web.
    • : Thẻ Canvas xác định một phần trong HTML được sử dụng để vẽ đồ họa bằng JavaScript. Nó thậm chí có thể xử lý đồ họa 3D và hoạt hình bằng WebGL.
    • 
 
      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 trang web cụ thể, như thẻ điều hướng, xác định các yếu tố điều hướng.

    Các tính năng được liệt kê ở trên chỉ là một trong số 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à nhường chỗ cho các trang web năng động hiện đại ngày nay.

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

    Bây giờ chúng tôi đã hiểu các thẻ và các yếu tố HTML, và các bản cập nhật do HTML5 mang lại, hãy để xem xét kỹ hơn những gì ngôn ngữ có thể làm.

    Cấu trúc các trang web

    Với các thẻ và các yếu tố, chúng ta có thể xác định các tiêu đề, đoạn văn và các nội dung khác của một trang web. Các trình duyệt đi kèm với một bảng kiểu tích hợp khác biệt trực quan các yếu tố này. Nội dung được bao quanh với các thẻ

    sẽ có một phông chữ lớn, in đậm và dòng riêng của nó. Văn bản xung quanh với các thẻ

    sẽ làm cho nó in đậm và nhỏ hơn một chút so với các yếu tố

    , v.v. Không có các thẻ này, văn bản trên trang web đều trông giống nhau.

    Điều hướng Internet

    Điều hướng Internet sẽ khó hơn nhiều nếu không có HTML. Hãy tưởng tượng bạn phải vào URL theo cách thủ công 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 mà không có thẻ neo. Thẻ neo của HTML cho phép chúng tôi liên kết các trang đến và với nhau bằ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 ra một siêu liên kết vớ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í theo 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 một trang web. Nhưng, với việc bổ sung thẻ của HTML5, điều đó không còn cần thiết nữa.

    Cùng với các video nhúng, bạn có thể sử dụng các thuộc tính HTML khác để điều chỉnh các điều khiển video, dấu thời gian, hình thu nhỏ, tự động phát, v.v.

    Cải thiện khả năng lưu trữ dữ liệu phía máy khách và khả năng ngoại tuyến

    HTML5 cũng cải thiện khả năng ngoại tuyến của ngôn ngữ. Các trang web sử dụng cookie để lưu trữ dữ liệu về người dùng có thể được truy xuất sau khi họ xem lại trang web. Cookie hoạt động tốt cho dữ liệu nhỏ như mã thông báo xác thực và tên người dùng, nhưng việc bổ sung các trình duyệt cho phép LOCALSTORAGE và SENDYDB của HTML5 lưu trữ dữ liệu phức tạp hơn.

    Ngoài ra, bộ đệm ứng dụng và các tệp kê khai bộ đệm mà bạn có thể tham chiếu từ HTML cho phép người dùng duyệt một trang web trong khi ngoại tuyến bằng cách giữ lại dữ liệu trên máy của người dùng. Điều này cho phép ứng dụng web của bạn tiếp tục hoạt động ngay cả khi kết nối của người dùng giảm.

    Sự phát triển trò chơi

    Mặc dù bạn không thể tạo trò chơi video hoàn toàn với HTML, phần tử cho phép xây dựng các trò chơi video trong trình duyệt của bạn bằng CSS và JavaScript. Trong quá khứ, bạn chỉ có thể làm điều này với Flash hoặc Silverlight. Nhưng với HTML hiện đại, bạn có thể tạo cả hai trò chơi 2D và 3D chạy trong trình duyệt của bạn.

    Tương tác với API gốc

    Một tính năng khác của HTML là nó có thể tương tác với hệ điều hành của bạn, không chỉ với trình duyệt web của bạn. Các tính năng này có thể kéo các tệp lên một trang web để tải chúng lên, màn hình đầy đủ một video và hơn thế nữa.

    Những nghề nghiệp nào sử dụng HTML?

    Là ngôn ngữ của Internet, mọi nhà phát triển web khao khát cần biết HTML. Các kỹ sư phía trước sử dụng HTML (cùng với các ngôn ngữ khác như CSS và JavaScript) để thiết kế cấu trúc và bố cục của các trang web và ứng dụng. Tương tự, các nhà phát triển di động sử dụng các ngôn ngữ này với các khung như Ionic và React Oree để xây dựng các ứng dụng di động.

    Các kỹ sư back-end cũng cần thành thạo với HTML. Mặc dù các ngôn ngữ khác trong ngăn xếp công nghệ của họ có thể tạo HTML cho chúng, nhưng chúng vẫn cần hiểu cấu trúc HTML để giữ cho mọi thứ hoạt động trơn tru.

    Chúng tôi cũng sử dụng HTML bên ngoài Internet, như trong mạng nội bộ và các ứng dụng nội bộ. Vì vậy, ngay cả khi bạn mã hóa cho mục đích ngoại tuyến, bạn vẫn nên học HTML. Nó thậm chí có thể có lợi cho các nhóm phi kỹ thuật, vì một số nhà tiếp thị sử dụng nó cho blog và email.

    Tìm hiểu thêm về HTML

    Bạn có thể tìm hiểu thêm về HTML và nhiều ứng dụng của nó trong khóa học HTML của chúng tôi. Trong khóa học này, bạn sẽ tìm hiểu mọi thứ bạn cần biết về cú pháp cơ bản của HTML trong khi tạo trang web đầu tiên của bạn.

    Nếu bạn quan tâm đến sự nghiệp phát triển web, hãy xem con đường sự nghiệp kỹ sư phía trước của chúng tôi. Chúng tôi sẽ dạy bạn cách xây dựng các ứng dụng web bằng các ngôn ngữ như HTML, CSS và JavaScript, giúp bạn phát triển danh mục đầu tư và chuẩn bị cho các cuộc phỏng vấn trong tương lai.

    Các khóa học liên quan

    Nhận được nhiều thực hành hơn, nhiều dự án hơn, và nhiều hướng dẫn hơn.

Các yếu tố rất quan trọng của HTML là gì?

Web 101: Các yếu tố phổ biến của HTML..
Thẻ tiêu đề ..
Thẻ đoạn ..
Thẻ danh sách viên đạn/không theo thứ tự ..
Thẻ neo ..
Thẻ div ..

HTML và CSS có thể được sử dụng cùng nhau không?

CSS có thể được thêm vào các tài liệu HTML theo 3 cách: nội tuyến - bằng cách sử dụng thuộc tính kiểu bên trong các phần tử HTML.Nội bộ - bằng cách sử dụng một phần tử trong phần.Inline - by using the style attribute inside HTML elements. Internal - by using a