A là viết tắt của trong HTML
HTML là viết tắt của Hypertext Markup Language. Ngôn ngữ đánh dấu này được sử dụng để tạo và chỉnh sửa văn bản, hình ảnh và các nội dung khác sẽ được hiển thị trên trang web Show
Ngôn ngữ này dựa trên SGML (Ngôn ngữ đánh dấu tổng quát hóa tiêu chuẩn). Nó sử dụng các thẻ và thuộc tính khác nhau giúp người dùng hiển thị văn bản, liên kết và hình ảnh trên một trang. Các trang HTML được phân phối trên WWW bằng HTTP (Giao thức truyền siêu văn bản) Any HTML page is a set of multiple tags which are enclosed in the angular brackets ('<' and '>'). Basically, the tags in HTML comes in pairs like , , vân vân. Thẻ đầu tiên trong cặp cũng bao gồm các thuộc tính được gọi là thẻ mở () và thẻ thứ hai được gọi là thẻ đóng ( ). But, some tags do not need to be closed after opening them such asDưới đây là ví dụ đơn giản mô tả cách tạo trang web bằng mã HTML. Ví dụ này hiển thị Hello JavaTpoint. trên một trang web khi nó sẽ chạy Kiểm tra nó ngay bây giờTrong ví dụ trên, thẻ đầu tiên xác định loại tài liệu. Thẻ thứ hai bắt buộc phải thêm vào và nó là thẻ bắt đầu của mọi tài liệu HTML, thẻ này cho trình duyệt biết đó là tài liệu HTML Thẻ thứ ba luôn được sử dụng ngay sau thẻ. Thẻ này chứa thông tin meta như tiêu đề của trang web, mã CSS và mã javascript. Thẻ này phải được đóng trước khi mở thẻ (body) tiếp theo. Trong thẻ đầu, chúng tôi đã sử dụng thẻ thứ tư cung cấp tiêu đề của trang web. Và, sau đó chúng tôi đóng và gắn thẻ Sau đó, chúng tôi sử dụng thẻ thứ năm được sử dụng để hiển thị văn bản, hình ảnh và các nội dung khác trên trang. Trong thẻ này, bạn phải viết thông tin bằng các thẻ và thuộc tính mà bạn muốn hiển thị trên trang web. Chúng tôi viết Hello JavaTpoint. , được hiển thị trên trang khi chương trình này được thực thi bởi trình duyệt. Và, sau đó chúng tôi đã đóng tất cả các thẻ được mở, vì vậy trước tiên chúng tôi đóng thẻ body và sau đó là thẻ A là viết tắt của Anchor (HTML)Định nghĩa này xuất hiện rất thường xuyên và được tìm thấy trong các danh mục Trình tìm từ viết tắt sau đây
Xem các định nghĩa khác của A Trang liên kết URL trang. liên kết HTML. trích dẫnHTML là một trong những công nghệ cơ bản bạn có thể học khi bắt đầu phát triển web. Mã HTML có mặt trong mọi trang web trực tuyến Khi bạn nắm bắt tốt các khái niệm cơ bản của ngôn ngữ, bạn sẽ được trang bị tốt để chuyển sang hai công nghệ khác có mặt trong hầu hết các trang web - CSS và JavaScript Trong bài viết này, bạn sẽ tìm hiểu những kiến thức cơ bản về HTML Bạn sẽ bắt đầu bằng cách tìm hiểu từ viết tắt của từ nào. Sau đó, bạn sẽ hiểu mục đích của nó bằng cách xem qua lịch sử ngắn gọn về sự phát triển của ngôn ngữ trong những năm qua Bạn cũng sẽ tìm hiểu một số thẻ được sử dụng phổ biến nhất và một số phương pháp hiện đại tốt nhất để làm theo Đây là những gì chúng tôi sẽ đề cập trong bài viết này HTML đại diện cho cái gì và nó được sử dụng để làm gì?Bất kỳ loại tài liệu nào, dù in hay kỹ thuật số, đều cần có cấu trúc Cấu trúc cho phép người dùng điều hướng tài liệu dễ dàng và theo cách không gây nhầm lẫn Ở đầu hầu hết các tài liệu, thường có một tiêu đề lớn Tiêu đề cấp cao nhất này truyền tải thông điệp chung của trang, giải thích nội dung nói về điều gì và thiết lập âm thanh cho nội dung tiếp theo Tiếp theo, có một số văn bản giới thiệu và nhiều tiêu đề có kích thước nhỏ hơn Các cấp độ khác nhau của đề mục tạo ra cấu trúc phân cấp cho thông tin Một số đoạn văn bản thường theo sau mỗi tiêu đề Khi nói đến tài liệu web, hình ảnh, video và siêu liên kết (hoặc liên kết) đi kèm với nội dung văn bản. Các liên kết giúp người dùng điều hướng đến một phần khác trong trang hoặc một trang web khác hoàn toàn. Những yếu tố này mang lại nhiều sức sống hơn cho tài liệu Cũng có thể có các biểu mẫu để người dùng nhập dữ liệu, các hộp kiểm để đánh dấu hoặc thậm chí các nút radio để chọn một tùy chọn trong một nhóm các mục Để tạo cấu trúc, định dạng nội dung và hiển thị nó trên trình duyệt web, bạn cần sử dụng HTML HTML là viết tắt của HyperText Markup Language, và nó là ngôn ngữ của World Wide Web Kể từ khi được tạo ra, nó đã trải qua nhiều lần sửa đổi, thay đổi và phát triển Trong phần bên dưới, bạn sẽ thấy HTML ra đời như thế nào, cùng với những thay đổi mà nó đã trải qua cho đến khi phát triển thành phiên bản tiêu chuẩn hóa và mới nhất, HTML5, là phiên bản chúng ta sử dụng ngày nay Sơ lược về lịch sử HTMLNăm 1989, một nhà khoa học người Anh tên là Sir Tim Berners Lee đang làm việc tại CERN (Hội đồng Nghiên cứu Hạt nhân Châu Âu) ở Geneva, Thụy Sĩ. Là một nhà nghiên cứu, anh ấy đã nghĩ đến việc tạo ra một hệ thống phân tán, liên kết với nhau. Với một hệ thống như vậy, việc chia sẻ và sắp xếp thông tin có thể đạt được với tốc độ nhanh hơn, dễ dàng và thuận tiện hơn nhiều Các nhà khoa học và học giả từ khắp nơi trên thế giới sẽ có thể trao đổi tài nguyên và kết quả nghiên cứu với nhau Mục tiêu là nhấp từ tài liệu tham khảo này sang tài liệu tham khảo khác và cho phép người dùng dễ dàng điều hướng từ trang này sang trang khác bằng cách cung cấp các liên kết đó Từ ý tưởng này, World Wide Web ra đời Năm 1990, ông phát triển HTTP (từ viết tắt của HyperText Transfer Protocol), một giao thức truyền thông xác định cách trao đổi và chuyển giao tài nguyên. Ông cũng đã phát triển HTML, máy chủ và trình duyệt SGML (viết tắt của Standard Generalized Markup Language) đã tồn tại và là cơ sở cho HTML. Nhưng nó đơn giản hơn nhiều Thay vì tạo HTML từ đầu, Berners-Lee đã áp dụng một số khái niệm được thiết lập sẵn từ SGML Một tính năng như vậy của SGML được tích hợp trong HTML là các thành phần cấu trúc - còn được gọi là thẻ Các thẻ trong SGML đi theo cặp (có thẻ mở và thẻ đóng) Một tính năng được thông qua khác là ký hiệu khung góc cho các thẻ Ngài Tim Berners Lee đã bao gồm một số cặp thẻ đã tồn tại trong SGML. Ví dụ: anh ấy đã bao gồm thẻ tiêu đề ( 5, 6) và thẻ đoạn văn ( 7, 8) và kết hợp thẻ tham chiếu siêu văn bản của riêng anh ấy ( 9, 0)Năm 1991, ông đưa ra đề xuất đầu tiên về HTML Tuy nhiên, phiên bản chính thức đầu tiên của HTML là HTML 2. 0, được phát triển bởi IETF (viết tắt của Internet Engineering Task Force), với nhiều tính năng bổ sung được tích hợp Một trong số đó đặc biệt là khả năng nhúng hình ảnh vào tài liệu bằng cách sử dụng thẻ 1Mosaic, trình duyệt hàng đầu vào thời điểm đó, ban đầu bao gồm khả năng này và IETF đã biến nó thành tiêu chuẩn Trong thời gian đó, cái gọi là cuộc chiến trình duyệt đang diễn ra sôi nổi Các công ty trình duyệt, chẳng hạn như Netscape Communications Corporation với tên trình duyệt là Netscape Navigator, đã thao túng HTML và tạo ra một phiên bản thẻ HTML độc quyền dành riêng cho trình duyệt Các trình duyệt khác đã cố gắng sao chép chúng nhưng không thành công - các trang web trông đẹp trên một trình duyệt nhưng không sử dụng được trên một trình duyệt khác W3C (viết tắt của World Wide Web Consortium) được thành lập, chịu trách nhiệm tạo ra các tiêu chuẩn rất cần thiết W3C đảm nhận nhiệm vụ thúc đẩy sự phát triển của HTML Trong phần còn lại của thập niên 90, các phiên bản HTML khác nhau đã được xuất bản, chẳng hạn như HTML 3. 0 và HTML3. 2 Tiêu chuẩn tiếp theo do W3C đề xuất là HTML 4, tập trung vào quốc tế hóa Tài liệu hiện có thể được viết bằng bất kỳ ngôn ngữ nào khác trên khắp thế giới, thay vì chỉ tiếng Anh Năm 1999, có nhiều bản cập nhật hơn cho HTML, với bản phát hành mới HTML 4. 01 Sau khi phát hành HTML 4. 01, sự phát triển của HTML đã rẽ sang một hướng khác W3C đã tạo XHTML 1. 0, một nhánh của HTML kết hợp XML (viết tắt của eXtensible Markup Language). Lần này, có các quy tắc mã hóa chặt chẽ hơn và mã ít tự do hơn để có thể hoạt động trong trình duyệt Phiên bản tiếp theo của XHTML 1. 0, XHTML 1. 1, giống XML hơn nữa đến mức Internet Explorer, trình duyệt phổ biến nhất vào thời điểm đó, không hỗ trợ tài liệu W3C tập trung vào XML nên họ bắt tay vào tạo XHTML 2. 0. Nhưng không có tiến triển, và họ nhận ra rằng họ đã không đi đúng hướng. W3C từ bỏ dự án Trong khi W3C đang làm việc để phát triển XHTML 2. 0, một nhóm làm việc khác được thành lập có tên là WHATWG (viết tắt của Web Hypertext Application Technology Working Group) WHATWG bao gồm các đại diện từ các công ty khác nhau, chẳng hạn như Mozilla và Apple, đang làm việc để tạo ra một phiên bản HTML mới hướng tới các ứng dụng web Năm 2006, Sir Tim Berners Lee đã công bố sự hợp tác của cả hai nhóm, W3C và WHATWG, để cùng nhau làm việc trên phiên bản mới của HTML - HTML5 HTML5 là phiên bản HTML được đề xuất tiêu chuẩn được sử dụng cho đến ngày nay Tổng quan về cú pháp HTMLHãy xem xét kỹ hơn về HTML, cụ thể là các thẻ HTML và khám phá cú pháp cơ bản Như bạn đã thấy ở phần trên, các thẻ là một cấu trúc cú pháp kế thừa từ SGML Lấy mã HTML sau đây làm ví dụ
Hãy phá vỡ điều này
Điều đáng nói là, trong ví dụ trên, bạn đã thấy một phần tử bao gồm cả thẻ mở và thẻ đóng Điều đó nói rằng, một số phần tử chỉ bao gồm một thẻ tự đóng, chẳng hạn như thẻ 1. Trong những trường hợp như vậy, dấu gạch chéo lên phía trước (chẳng hạn như 60) là hoàn toàn tùy chọnTrong ví dụ trên, có gì đó không ổn với phần tử HTML Nó được cho là trỏ đến một tài nguyên, do đó có ký tự 5, nhưng không có dấu hiệu nào cho thấy tài nguyên được liên kết có sẵn ở bất kỳ đâuĐối với điều này, bạn cần sử dụng một thuộc tính HTML. Các thuộc tính cung cấp thêm thông tin về phần tử Vì vậy, hãy sửa mã
Bây giờ, hãy phá vỡ nó
Bây giờ bạn đã học những kiến thức cơ bản về các phần tử HTML, làm thế nào để bạn thiết lập một tài liệu HTML cho dự án của mình? Trong phần sau, bạn sẽ tìm hiểu cách tạo bản soạn sẵn HTML5. Một soạn sẵn phục vụ như một loại công thức cho tất cả các dự án HTML của bạn Cách tạo một bản soạn sẵn HTML5Khi thiết lập các dự án HTML mới, bạn sẽ thấy rằng mỗi lần bạn phải đưa vào một số thành phần giống nhau Những yếu tố này rất cần thiết và bạn sẽ cần chúng để thiết lập và chạy đúng trang web HTML của mình, tuân theo các tiêu chuẩn và thực tiễn tốt nhất Một số trình chỉnh sửa mã cung cấp các phím tắt để tự động điền và nhập các thành phần được sử dụng trong mọi dự án HTML mới, đây là điều giúp bạn tiết kiệm đáng kể thời gian Điều này còn được gọi là bản soạn sẵn HTML Bản soạn sẵn là khung cơ bản và cấu trúc cơ bản mà mọi tài liệu HTML mới cần có Để tạo một bản soạn sẵn, hãy thực hiện các bước sau
Nhấn Enter hoặc nhấp vào dấu chấm than đề cập rằng phần sau đây là Viết tắt của Emmet. Emmet là plugin dành cho trình chỉnh sửa mã được tích hợp sẵn trong Visual Studio Code theo mặc định và nó giúp bạn tối ưu hóa quy trình làm việc HTML của mình Sau đó, bạn sẽ thấy đoạn mã sau
Hãy phá vỡ nó
Tổng quan về các phần tử HTML cơ bảnCách tạo bình luận mãNhận xét giúp làm rõ mã của bạn và logic đằng sau nó. Hãy coi chúng như những ghi chú cho bản thân tương lai của bạn hoặc cho đồng nghiệp Đây là cú pháp để tạo bình luận 6Mọi thứ giữa 83 và 84 sẽ không xuất hiện trên trang web của bạn vì nó bị trình duyệt bỏ quaCách tạo tiêu đềCó sáu cấp tiêu đề trong HTML 7Khi số chứa trong thẻ tăng lên, mức độ ý nghĩa giảm. Tiêu đề 5 có ý nghĩa hơn tiêu đề 86Cách tạo danh sáchCó hai loại danh sách trong HTML 8Lưu ý rằng trong cả danh sách có thứ tự và không có thứ tự, cách tạo các mục trong danh sách là sử dụng phần tử 87Cách tạo đoạn vănĐể tạo một khối văn bản, hãy sử dụng phần tử 7 0Cách tạo liên kếtBạn đã thấy phần tử 9 trong phần trước
Thông thường sẽ có một gạch chân dưới văn bản giữa thẻ mở và thẻ đóng 9. Con trỏ cũng thay đổi khi bạn di chuột qua nó. Văn bản này cho biết trang / hoặc tài nguyên được liên kếtThuộc tính 65 là đích vì nó chứa địa chỉ của liên kếtMột lưu ý khác là bạn có thể lồng các phần tử nhất định vào bên trong các phần tử khác Ví dụ: bạn có thể thêm tạo liên kết từ một số văn bản trong một đoạn văn, như vậy 5Đảm bảo đóng thẻ lồng nhau trước. Ví dụ: hãy lưu ý để không mắc lỗi phổ biến dành cho người mới bắt đầu này 6Bạn cũng có thể liên kết đến các phần khác nhau trong cùng một trang Trước tiên, bạn cần thêm thuộc tính 02 vào phần bạn muốn liên kết và gán giá trị cho nóGiả sử bạn muốn liên kết đến một đoạn văn 0Khi bạn tạo một liên kết (giống như cách bạn đã thấy trước đây), hãy bao gồm dấu thăng ( 03) trước giá trị được gán cho thuộc tính 02 1Cách tạo vùng chứaPhần tử 05 tạo một vùng chứa chung để chứa một số nội dungNó thường được sử dụng với CSS để đạt được các bố cục khác nhau trên trang 2Cách tạo hình ảnhĐể tạo một hình ảnh, hãy sử dụng phần tử 1. Bạn đã thấy yếu tố này trong phần trước. Xin nhắc lại, nó là một yếu tố tự đóngSử dụng thuộc tính 07 chỉ định nguồn hình ảnh (là URL hoặc đường dẫn đến hình ảnh) và thuộc tính 08. Thuộc tính 08 là văn bản sẽ hiển thị nếu hình ảnh không tải được vì lý do nào đóĐiều quan trọng nữa là luôn bao gồm thuộc tính 08 cho mục đích trợ năng, vì trình đọc màn hình sẽ đọc to nội dung cho người dùng khiếm thị 3Cách tạo biểu mẫuBiểu mẫu là một khía cạnh cần thiết của hầu hết mọi trang web. Đó là cách người dùng có thể gửi thông tin và cách bạn có thể thu thập dữ liệu đó Bạn tạo một biểu mẫu bằng cách sử dụng phần tử 1 4Điều đó nói rằng, rất nhiều thuộc tính có liên quan khi tạo một biểu mẫu Cung cấp cho các tài nguyên sau để đọc để bắt đầu với các biểu mẫu HTML
HTML ngữ nghĩa là gì và tại sao nó quan trọngHTML ngữ nghĩa là một trong những tính năng quan trọng nhất của HTML5 Từ ngữ nghĩa đề cập đến các phần tử HTML mô tả nội dung mà chúng nắm giữ, thay vì chỉ là các vùng chứa chung chung không có ý nghĩa Thay vì sử dụng các phần tử 05 là các thùng chứa trống, chung chung không có ý nghĩa ngữ nghĩa và chỉ được sử dụng để lưu trữ nội dung, bạn có thể sử dụng các phần tử HTML5 ngữ nghĩaHTML ngữ nghĩa cũng là về việc tạo cấu trúc tốt hơn cho trang web Ví dụ: bạn có thể sử dụng phần tử 3 cho thông tin nằm ở đầu trang. Tại đây, bạn có thể bao gồm logo và tiêu đề cấp cao nhất cho trang. Bên trong 3, bạn có thể lồng một yếu tố ngữ nghĩa khác, 5, để tạo một thanh điều hướng với các liên kết đến các trang khác nhauĐối với nội dung chính của trang, bạn có thể sử dụng phần tử 6Bạn có thể lưu trữ thông tin ở cuối trang trong phần tử 7. Điều này thường bao gồm bản đồ trang web, liên kết mạng xã hội, câu trả lời cho các câu hỏi phổ biến mà người dùng có thể có hoặc thông tin liên hệHTML ngữ nghĩa không tập trung vào nội dung trông như thế nào Ví dụ: có hai phần tử HTML, ______08 và 9, để tạo văn bản lần lượt là 50 và 51Tuy nhiên, các yếu tố này tập trung vào cách trình bày và cách nội dung xuất hiện - đó phải là vai trò của CSS (Cascading Style Sheets) chứ không phải HTML Sử dụng 52 để báo hiệu rằng một đoạn văn bản có tầm quan trọng lớn. Trình duyệt sẽ in đậm văn bảnVà sử dụng 53 để báo hiệu rằng văn bản cần nhấn mạnh. Trình duyệt sẽ hiển thị văn bản in nghiêngCác phần tử này không tập trung vào hình thức của văn bản mà thay vào đó cung cấp thêm thông tin về loại văn bản mà chúng chứa Như bạn đã thấy cho đến nay, tất cả các yếu tố được đề cập đều cung cấp thông tin về đánh dấu và loại nội dung mà chúng chứa và do đó tạo ra các trang có ý nghĩa hơn và cấu trúc tốt hơn Tại sao viết HTML ngữ nghĩa?
Để tìm hiểu thêm về HTML ngữ nghĩa, hãy xem các tài nguyên sau
Phần kết luậnĐiều này đánh dấu sự kết thúc phần giới thiệu của chúng tôi về HTML. Tôi hy vọng bạn tìm thấy tổng quan này hữu ích Nơi tốt nhất để bắt đầu học HTML (và CSS. ) có Chứng nhận thiết kế web đáp ứng của freeCodeCamp Đó là một chương trình giảng dạy tương tác miễn phí, có cấu trúc và được cân nhắc kỹ lưỡng. Bạn học một cách thực tế bằng 20 dự án xây dựng. Bạn sẽ học các kỹ thuật HTML và CSS hiện đại cùng với các phương pháp tiếp cận tốt nhất Cảm ơn bạn đã đọc 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 QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Học một cái gì đó mới mỗi ngày và viết về nó Nếu bài viết này hữu ích, hãy tweet 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 Chữ A trong HTML là gì?Phần tử HTML (hoặc phần tử neo), với thuộc tính href của nó, tạo siêu liên kết đến các trang web, tệp, địa chỉ email, vị trí trong cùng một trang hoặc . Nội dung trong mỗi phải cho biết đích của liên kết. creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Content within each should indicate the link's destination.
Thẻ A trong HTML được gọi là gì?Thẻ (thẻ neo) trong HTML được sử dụng để tạo siêu liên kết trên trang web. Siêu liên kết này được sử dụng để liên kết trang web với các trang web khác hoặc một số phần của cùng một trang web. Nó được sử dụng để cung cấp một tham chiếu tuyệt đối hoặc một tham chiếu tương đối dưới dạng giá trị “href” của nó. cú pháp. Tên liên kếtanchor tag) in HTML is used to create a hyperlink on the webpage. This hyperlink is used to link the webpage to other web pages or some section of the same web page. It's either used to provide an absolute reference or a relative reference as its “href” value. Syntax: Link Name
Chữ A trong CSS là gì?a. liên kết - liên kết bình thường, chưa được truy cập . một. đã truy cập - một liên kết mà người dùng đã truy cập. một. hover - một liên kết khi người dùng di chuột qua nó. một. hoạt động - một liên kết ngay khi nó được nhấp vào.
'#' trong HTML là gì?Một hàm băm - `#` trong siêu liên kết chỉ định id phần tử HTML mà cửa sổ sẽ được cuộn tới . href="#some-id" sẽ cuộn đến một phần tử trên trang hiện tại, chẳng hạn như |