HTML, hay Ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ đánh dấu dành cho web xác định cấu trúc của các trang web
Đây là một trong những khối xây dựng cơ bản nhất của mọi trang web, vì vậy điều quan trọng là phải học nếu bạn muốn có một sự nghiệp trong lĩnh vực phát triển web
Trong bài viết này, tôi sẽ hướng dẫn bạn chi tiết HTML là gì, nó hoạt động như thế nào trên các trang web và chúng ta cũng sẽ đề cập đến một phần thực sự thú vị của HTML – HTML ngữ nghĩa
HTML là gì?
Để hiểu "HTML" từ trước ra sau, hãy xem xét từng từ tạo nên từ viết tắt
siêu văn bản. văn bản [thường có nhúng, chẳng hạn như hình ảnh] được tổ chức để kết nối các mục liên quan
đánh dấu. một hướng dẫn phong cách để sắp chữ bất cứ thứ gì được in ở định dạng bản cứng hoặc bản mềm
Ngôn ngữ. một ngôn ngữ mà một hệ thống máy tính hiểu và sử dụng để diễn giải các lệnh
HTML xác định cấu trúc của trang web. Chỉ riêng cấu trúc này là không đủ để làm cho một trang web trông đẹp mắt và tương tác. Vì vậy, bạn sẽ sử dụng các công nghệ được hỗ trợ như CSS và JavaScript để làm cho HTML của bạn trở nên đẹp mắt và thêm tính tương tác tương ứng
Trong trường hợp này, tôi muốn chia nhỏ ba công nghệ – HTML, CSS và JavaScript – theo cách này. chúng giống như một cơ thể con người
- HTML là bộ xương,
- CSS là da,
- và JavaScript là hệ thống tuần hoàn, tiêu hóa và hô hấp mang lại sự sống cho cấu trúc và làn da
Bạn cũng có thể xem HTML, CSS và JavaScript theo cách này. HTML là cấu trúc của một ngôi nhà, CSS là trang trí nội thất và ngoại thất, và JavaScript là hệ thống điện, nước và nhiều tính năng chức năng khác giúp ngôi nhà có thể ở được
Thẻ HTML
Vì HTML xác định phần đánh dấu cho một trang web cụ thể nên bạn sẽ muốn văn bản, hình ảnh hoặc các nội dung nhúng khác xuất hiện theo những cách nhất định
Ví dụ: bạn có thể muốn một số văn bản có kích thước lớn, văn bản khác có kích thước nhỏ và một số văn bản được in đậm, in nghiêng hoặc ở dạng dấu đầu dòng
HTML có các "thẻ" cho phép bạn hoàn thành việc này. Vì vậy, có các thẻ để tạo tiêu đề, đoạn văn, từ in đậm, từ in nghiêng, v.v.
Hình ảnh bên dưới mô tả giải phẫu của thẻ HTML
Twitter You can find me on Instagram My Address © 2020 All Rights Reserved 5, mà bạn sử dụng để nhúng hình ảnh vào trang web
Các phần tử HTML thường được sử dụng thay thế cho các thẻ, nhưng có một sự khác biệt nhỏ giữa hai phần tử này. Một phần tử là sự kết hợp của thẻ mở và thẻ đóng, sau đó là nội dung giữa chúng
Tôi đã tạo một hình ảnh khác để giúp bạn hình dung cấu trúc của một phần tử HTML
Twitter You can find me on Instagram My Address © 2020 All Rights Reserved 6 có giá trị là
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
7. Điều này có thể được sử dụng để tạo kiểu cho phần tử hoặc chọn phần tử đó bằng JavaScript để tương tácTwitter You can find me on Instagram My Address © 2020 All Rights Reserved 8. Chỉ định rằng chúng tôi đang sử dụng HTML5 trong mã này. Trước khi giới thiệu HTML5, bạn phải nêu rõ phiên bản HTML mà bạn đang mã hóa bằng thẻ
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
9. Ví dụ: HTML4. 0, 3. 2, v.v. Nhưng bây giờ chúng ta không còn cần nó nữa. Khi “html” được viết trong mã, trình duyệt sẽ tự động cho rằng bạn đang viết mã trong HTML5
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
0. phần tử gốc hoặc cấp cao nhất của mọi tài liệu HTML. Mọi yếu tố khác phải được bao bọc trong đó
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
1. một trong những phần quan trọng nhất của tài liệu HTML. Trình thu thập dữ liệu web nhìn vào bên trong các thẻ đầu để lấy thông tin quan trọng về trang. Nó chứa thông tin như tiêu đề trang, biểu định kiểu, thông tin meta cho SEO, v.v.
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
2. đây là một phần tử trống truyền tải siêu thông tin về trang. Những thông tin như vậy có thể bao gồm tác giả, loại mã hóa nó đang sử dụng [hầu như luôn luôn là UTF-8], khả năng đáp ứng, khả năng tương thích, v.v. Trình thu thập dữ liệu web luôn nhìn vào thẻ meta để lấy thông tin về trang web, điều này sẽ đóng một vai trò quan trọng trong SEO
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
0. điều này xác định tiêu đề của trang web. Nó luôn được hiển thị trong tab trình duyệt
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
1. tất cả nội dung của tài liệu HTML nằm bên trong thẻ body. Chỉ có thể có một thẻ
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
2 trên toàn bộ trangHTML ngữ nghĩa là gì?
Semantic HTML có nghĩa là các thẻ HTML của bạn truyền đạt ý nghĩa thực sự của những gì chúng được sử dụng cho
Ngữ nghĩa là một phần không thể thiếu của HTML kể từ khi ra đời vào đầu những năm 90. Nhưng nó chưa bao giờ đạt được mức độ phù hợp đặc biệt cho đến cuối những năm 90 khi CSS bắt đầu hoạt động trên hầu hết các trình duyệt
Với HTML ngữ nghĩa, các thẻ trung lập về ngữ nghĩa như
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
3 và
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
4 không được tán thành vì các thẻ mô tả ngữ nghĩa hơn như
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
5,
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
6,
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
7,
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
8,
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
9 và
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
50 có thể làm điều tương tự như chúng.Một lợi thế đáng chú ý của việc sử dụng thẻ ngữ nghĩa là trình thu thập dữ liệu web có thể lập chỉ mục trang web hoặc trang web một cách dễ dàng, đổi lại là cải thiện SEO
Ngoài ra, một trang web sử dụng ngữ nghĩa trở nên nhiều thông tin hơn, dễ thích nghi hơn và dễ truy cập hơn đối với những người sử dụng trình đọc màn hình để truy cập trang web
Các thẻ ngữ nghĩa quan trọng và chức năng của chúng
Hãy xem xét một số thẻ HTML ngữ nghĩa được sử dụng phổ biến nhất
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
5. Phần tử
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
5 xác định phần giới thiệu của trang web. Nó chứa các mục như logo, điều hướng, trình chuyển đổi chủ đề và thanh tìm kiếm
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
6. Phần tử
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
6 chỉ định các mục điều hướng của trang như trang chủ, liên hệ, giới thiệu, Câu hỏi thường gặp, v.v.
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
7. Phần tử
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
7 thường được coi là phần tử con trực tiếp của thẻ. Nó chứa các phần chính của tài liệu HTML ngoài
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
5 và
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
9. Lý tưởng nhất là chỉ nên có một trong số này trong toàn bộ tài liệu HTML
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
8. Phần tử
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
8 xác định một phần cụ thể của trang web. Đây có thể là phần giới thiệu, phần giới thiệu, phần liên hệ hoặc những phần khác. Bạn có thể sử dụng nhiều phần trong một tài liệu HTML
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
50. Phần tử
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
50 đại diện cho một phần nhất định của trang web truyền tải một số thông tin cụ thể. Thông tin đó có thể là sự kết hợp của văn bản, hình ảnh, video và nội dung nhúng. Hãy xem yếu tố này như một bài đăng blog độc lập trên một trang chứa các đoạn trích về các bài đăng blog khác
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
63. Như tên ngụ ý, điều này đại diện cho một thanh bên trên một trang web. Nó thường là một phần của trang web không liên quan trực tiếp đến nội dung chính
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
9. Phần tử
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
9 chứa các mục như liên kết nhanh, thông tin bản quyền hoặc bất kỳ dữ liệu nào khác liên quan đến toàn bộ trang web hoặc trang webLưu ý rằng vì các phần tử ngữ nghĩa truyền đạt ý nghĩa thực tế và một số nội dung cụ thể thực sự làm gì [chẳng hạn như
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
66 cho điều hướng,
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
67 cho thanh bên, v.v.], các phần tử này không được định vị tự động ở nơi chúng được cho là. Bạn vẫn phải làm điều đó với CSSMột tài liệu HTML ngữ nghĩa siêu đơn giản trông như thế này
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
Đây là những gì nó trông giống như trong trình duyệt
Twitter You can find me on Instagram My Address © 2020 All Rights Reserved 63 không có trong thanh bên và nội dung bên trong thẻ
Definition of HTML
LOGO
- Home
- About
- Contact
- FAQs
Twitter You can find me on
Instagram
My Address
© 2020 All Rights Reserved
6 không tự động có sẵn dưới dạng thanh điều hướng. Đây là lý do tại sao bạn vẫn phải làm cho chúng trông giống như cách chúng phải trông bằng CSSPhần kết luận
Tôi hy vọng bài viết này đã giúp bạn tìm hiểu những kiến thức cơ bản về HTML và chức năng của nó. Giờ đây, bạn có thể bắt đầu tìm hiểu các công nghệ tiên tiến hơn như CSS và JavaScript, sau đó bắt đầu hình thành sự nghiệp vững chắc trong lĩnh vực phát triển web
Cảm ơn rất nhiều vì đã đọc và có một thời gian tốt đẹp
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
Nhà phát triển web và nhà văn kỹ thuật tập trung vào các công nghệ giao diện người dùng
Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu