Phần tử html đầu tiên có thể được sử dụng thay cho
Các phần tử là các khối xây dựng của HTML mô tả cấu trúc và nội dung của trang web. Chúng là phần “Đánh dấu” của Ngôn ngữ đánh dấu siêu văn bản (HTML) Show
HTML syntax uses the angle brackets (”<” and ”>”) to hold the name of an HTML element. Elements usually have an opening tag and a closing tag, and give information about the content they contain. The difference between the two is that the closing tag has a forward slash. Hãy xem xét một số ví dụ cụ thể về thẻ HTML phần tử pThẻ 4 là viết tắt của đoạn văn, đây là thẻ phổ biến nhất được sử dụng để tạo các dòng văn bản bên trong tài liệu HTMLViệc sử dụng 4 tương thích với các thẻ khác, cho phép thêm siêu liên kết ( 6) và văn bản in đậm ( 7), trong số những thứ khácVí dụ
Bạn cũng có thể lồng một phần tử neo 6 vào trong một đoạn vănVí dụ
Yếu tố tiêu đềCó sáu thành phần tiêu đề — ________ 09, ________ 80, ________ 81, _______ 82, 3, 4Các phần tử tiêu đề được sử dụng để biểu thị tầm quan trọng của nội dung bên dưới chúng. Số lượng tiêu đề càng thấp thì mức độ quan trọng càng cao Ví dụ: phần tử 9 đại diện cho tiêu đề chính của trang và chỉ nên có một phần tử trên mỗi trang. Điều này giúp các công cụ tìm kiếm hiểu được chủ đề chính của trang. Yếu tố 0 có mức độ quan trọng thấp hơn và phải ở dưới yếu tố 9 cấp cao hơnVí dụ 6một yếu tốPhần tử neo ( 6) tạo một siêu liên kết đến một trang hoặc tệp khác. Để liên kết đến một trang hoặc tệp khác, thẻ 6 cũng phải chứa thuộc tính 90, cho biết đích của liên kếtVăn bản giữa thẻ mở và thẻ đóng 6 trở thành liên kết. Văn bản này phải là một mô tả có ý nghĩa về đích của liên kết và không phải là một cụm từ chung chung như "Nhấp vào đây". Điều này cho phép người dùng có trình đọc màn hình điều hướng tốt hơn giữa các liên kết khác nhau trên một trang và hiểu nội dung mà mỗi liên kết sẽ liên kết đếnTheo mặc định, một trang được liên kết được hiển thị trong cửa sổ trình duyệt hiện tại trừ khi một mục tiêu khác được chỉ định. Các kiểu liên kết mặc định như sau
ví dụ
Bạn cũng có thể tạo một liên kết đến một phần khác trên cùng một trang ________số 8Một hình ảnh cũng có thể được biến thành một liên kết bằng cách đặt thẻ 92 trong thẻ 6 9liệt kê các yếu tốCó hai loại danh sách chính trong HTML. có thứ tự ( 94) và không có thứ tự ( 95). Tất cả các danh sách phải chứa một hoặc nhiều phần tử danh sách ( 96)danh sách không có thứ tựDanh sách không có thứ tự bắt đầu bằng thẻ ________ 195 và danh sách các mục bắt đầu bằng thẻ ________ 196. Trong danh sách không có thứ tự, tất cả các mục danh sách được đánh dấu bằng dấu đầu dòng theo mặc định 1đầu ra
Danh sách được yêu cầuDanh sách có thứ tự bắt đầu bằng thẻ 94 và các mục trong danh sách bắt đầu bằng thẻ 96. Trong danh sách có thứ tự, tất cả các mục danh sách được đánh dấu bằng số 4đầu ra
phần tử emPhần tử 11 được sử dụng để nhấn mạnh văn bản trong tài liệu HTML. Điều này có thể được thực hiện bằng cách bọc văn bản bạn muốn được nhấn mạnh trong thẻ 11 và thẻ 13 tương ứng. Hầu hết các trình duyệt sẽ hiển thị văn bản được bao bọc trong thẻ 11 dưới dạng in nghiêngGhi chú. Không nên sử dụng thẻ 11 để in nghiêng văn bản theo phong cách. Thẻ 11 được sử dụng để nhấn mạnh sự nhấn mạnh trong văn bản. Thông thường, định dạng CSS được sử dụng để in nghiêng văn bản theo phong cáchVí dụ 1tôi phần tửPhần tử 17 được sử dụng để biểu thị văn bản được tách biệt khỏi văn bản xung quanh theo một cách nào đó. Theo mặc định, văn bản được bao quanh bởi các thẻ 17 sẽ được hiển thị ở dạng in nghiêngTrong các đặc tả HTML trước đây, thẻ 17 chỉ được sử dụng để biểu thị văn bản được in nghiêng. Tuy nhiên, trong HTML ngữ nghĩa hiện đại, các thẻ như 11 và 7 nên được sử dụng khi thích hợpBạn có thể sử dụng thuộc tính 42 của phần tử 17 để nêu lý do tại sao văn bản trong các thẻ khác với văn bản xung quanh. Bạn có thể muốn chỉ ra rằng văn bản hoặc cụm từ đến từ một ngôn ngữ khác 9yếu tố mạnh mẽPhần tử 7 được sử dụng để biểu thị văn bản có tầm quan trọng hoặc mức độ khẩn cấp cao. Hầu hết các trình duyệt sẽ hiển thị văn bản được bao bọc trong thẻ 7 dưới dạng in đậmGhi chú. Không nên sử dụng thẻ 7 để in đậm văn bản. Sử dụng CSS để làm điều đóVí dụ 0phần tử imgMột phần tử HTML 92 đơn giản có thể được bao gồm trong một tài liệu HTML như thế này 1Lưu ý rằng các phần tử 92 tự đóng và không yêu cầu thẻ đóng 49 thẻ cung cấp văn bản thay thế cho một hình ảnh. Một cách sử dụng thẻ 49 là dành cho những người khiếm thị sử dụng trình đọc màn hình; Thuộc tính 12 là tùy chọn và sẽ cung cấp thông tin bổ sung về hình ảnh. Hầu hết các trình duyệt hiển thị thông tin này trong chú giải công cụ khi người dùng di chuột qua nóLưu ý rằng đường dẫn đến tệp hình ảnh có thể là tương đối hoặc tuyệt đối. Ngoài ra, hãy nhớ rằng phần tử 13 là tự đóng, nghĩa là nó không đóng bằng thẻ 14 và thay vào đó đóng bằng một thẻ 15ví dụ 2(Điều này giả định rằng tệp HTML ở https. //ví dụ. com/chỉ mục. html, vì vậy nó nằm trong cùng thư mục với tệp hình ảnh) giống như 3Đôi khi, một phần tử 92 cũng sẽ sử dụng hai thuộc tính khác để chỉ định kích thước của nó, 17 và 18, như minh họa bên dưới 4Các giá trị được chỉ định bằng pixel, nhưng kích thước thường được chỉ định bằng CSS thay vì HTML phần tử điều hướngPhần tử 19 dành cho khối liên kết điều hướng chính. KHÔNG PHẢI tất cả các liên kết của tài liệu phải nằm trong phần tử 19Các trình duyệt, chẳng hạn như trình đọc màn hình dành cho người dùng bị vô hiệu hóa, có thể sử dụng phần tử này để xác định xem có bỏ qua phần hiển thị ban đầu của nội dung này hay không Ví dụ 5phần tử tiêu đềThẻ 91 là một vùng chứa được sử dụng cho các liên kết điều hướng hoặc nội dung giới thiệu. Nó thường có thể bao gồm các phần tử tiêu đề, chẳng hạn như 9, 0, nhưng cũng có thể bao gồm các phần tử khác như biểu mẫu tìm kiếm, logo, thông tin tác giả, v.v.Mặc dù không bắt buộc, nhưng thẻ 91 nhằm mục đích chứa tiêu đề của các phần xung quanh. Nó cũng có thể được sử dụng nhiều lần trong tài liệu HTML. Điều quan trọng cần lưu ý là thẻ 91 không giới thiệu một phần mới mà chỉ đơn giản là phần đầu của một phầnVí dụ 6phần tử vùng văn bảnThẻ textarea HTML cho phép bạn nhập một hộp chứa văn bản cho phản hồi hoặc tương tác của người dùng. Trong hầu hết các trường hợp, người ta thường thấy vùng văn bản được sử dụng như một phần của biểu mẫu Các lập trình viên sử dụng thẻ textarea để tạo trường nhiều dòng cho đầu vào của người dùng (đặc biệt hữu ích trong trường hợp khi người dùng có thể nhập văn bản dài hơn vào biểu mẫu). Các lập trình viên có thể chỉ định các thuộc tính khác nhau cho các thẻ textarea Ví dụ 7Các thuộc tính phổ biến nhất. Thuộc tính 96 và 97 xác định chiều cao và chiều rộng của vùng văn bản Thuộc tính 98 chỉ định văn bản hiển thị cho người dùng, nó giúp người dùng hiểu dữ liệu nào nên được nhập vào Thuộc tính 99 xác định độ dài tối đa của văn bản có thể được nhập vào phần tử nhãnThẻ 01 xác định nhãn cho phần tử 02Nhãn có thể được liên kết với một phần tử bằng cách sử dụng thuộc tính “for” hoặc bằng cách đặt phần tử bên trong phần tử Ví dụ 8Như bạn có thể thấy, thuộc tính for của thẻ phải bằng thuộc tính id của phần tử liên quan để liên kết chúng lại với nhau Hỗ trợ nền tảngThuộc tínhThuộc tính toàn cầuThẻ 01 hỗ trợ Thuộc tính toàn cầu trong HTMLThuộc tính sự kiệnThẻ 01 hỗ trợ Thuộc tính sự kiện trong HTMLPhần tử 01 không hiển thị dưới dạng bất kỳ thứ gì đặc biệt đối với người dùng. Tuy nhiên, nó cung cấp một cải tiến về khả năng sử dụng cho người dùng chuột, bởi vì nếu người dùng nhấp vào văn bản trong phần tử, nó sẽ chuyển đổi điều khiểnThẻ metaThẻ 06 cung cấp siêu dữ liệu về tài liệu HTMLSiêu dữ liệu này được sử dụng để chỉ định bộ ký tự, mô tả, từ khóa, tác giả và chế độ xem của trang Siêu dữ liệu này sẽ không tự xuất hiện trên trang web, nhưng nó sẽ được trình duyệt và công cụ tìm kiếm sử dụng để xác định cách trang sẽ hiển thị nội dung và đánh giá việc tối ưu hóa công cụ tìm kiếm (SEO) Ví dụ 9phần tử divThẻ 07 là một vùng chứa chung xác định một phần trong tài liệu HTML của bạn. Phần tử 07 được sử dụng để nhóm các phần của phần tử HTML lại với nhau và định dạng chúng bằng CSSMột 07 là một phần tử cấp khối. Điều này có nghĩa là nó chiếm một dòng riêng trên màn hình. Các phần tử ngay sau 07 sẽ được đẩy xuống dòng bên dưới. Đối với cách nhóm và kiểu dáng tương tự không ở cấp độ khối mà ở nội tuyến, bạn sẽ sử dụng thẻ 11 để thay thế. Thẻ được sử dụng để nhóm các phần tử nội tuyến trong tài liệuVí dụDưới đây là một ví dụ về cách hiển thị một phần có cùng màu 60phần tửPhần tử 12 xác định một phần không có phần tử HTML ngữ nghĩa cụ thể hơn để biểu thị phần đó. Thông thường, phần tử 12 sẽ bao gồm phần tử tiêu đề ( 9 - 4) làm phần tử conVí dụ: một trang web có thể được chia thành nhiều phần khác nhau như phần chào mừng, nội dung và liên hệ Không nên sử dụng phần tử 12 thay cho phần tử 07 nếu cần một vùng chứa chung. Nó nên được sử dụng để xác định các phần trong trang HTML 61Phần tử chân trangThẻ 18 biểu thị chân trang của tài liệu HTML hoặc phần. Thông thường, chân trang chứa thông tin về tác giả, thông tin bản quyền, thông tin liên hệ và sơ đồ trang web. Mọi thông tin liên hệ bên trong thẻ 18 phải nằm bên trong thẻ 20Ví dụ 62yếu tố âm thanhThẻ 21 xác định một thành phần âm thanh, có thể được sử dụng để thêm tài nguyên phương tiện âm thanh vào tài liệu HTML sẽ được phát bởi hỗ trợ gốc để phát lại âm thanh được tích hợp trong trình duyệt thay vì plugin trình duyệtThẻ âm thanh hiện hỗ trợ ba định dạng tệp OGG, MP3 và WAV có thể được thêm vào html của bạn như sau Thêm một OGG 63Thêm MP3 64Thêm WAV 65Nó có thể chứa một hoặc nhiều nguồn âm thanh, được biểu diễn bằng thuộc tính src hoặc phần tử nguồn Thêm nhiều tệp âm thanh 66Hỗ trợ trình duyệt cho các loại tệp khác nhau như sauThuộc tính được hỗ trợPhần tử khung nội tuyếnPhần tử HTML 22 đại diện cho một khung nội tuyến, cho phép bạn đưa một tài liệu HTML độc lập vào tài liệu HTML hiện tại. 22 thường được sử dụng để nhúng phương tiện của bên thứ ba, phương tiện của riêng bạn, tiện ích con, đoạn mã hoặc nhúng ứng dụng phụ của bên thứ ba, chẳng hạn như biểu mẫu thanh toánThuộc tínhDưới đây là một số thuộc tính của 22Thẻ khung nội tuyến được sử dụng để thêm một trang web hoặc ứng dụng hiện có vào trang web của bạn trong một không gian đã đặt Khi sử dụng thẻ iframe, thuộc tính src nên được sử dụng để chỉ ra vị trí của trang web hoặc ứng dụng sẽ sử dụng trong khung 67Bạn có thể đặt thuộc tính chiều rộng và chiều cao để giới hạn kích thước của khung 68Các iframe có đường viền theo mặc định, nếu bạn muốn loại bỏ đường viền này, bạn có thể làm như vậy bằng cách sử dụng thuộc tính kiểu và đặt thuộc tính đường viền CSS thành không 69ví dụNhúng video YouTube với 22 0Nhúng Google Maps với một 22 1Văn bản thay thếNội dung giữa thẻ 22 mở và đóng được sử dụng làm văn bản thay thế, sẽ được hiển thị nếu trình duyệt của người xem không hỗ trợ iframe 2Nhắm mục tiêu iframe trong Liên kếtBất kỳ phần tử neo nào cũng có thể nhắm mục tiêu nội dung của phần tử 22. Thay vì chuyển hướng cửa sổ trình duyệt đến trang web được liên kết, nó sẽ chuyển hướng 22. Để điều này hoạt động, thuộc tính 30 của phần tử 6 phải khớp với thuộc tính 32 của phần tử 22 3Ví dụ này ban đầu sẽ hiển thị một 22 trống, nhưng khi bạn nhấp vào liên kết ở trên, nó sẽ chuyển hướng 22 để hiển thị video YouTubeJavaScript và iframeCác tài liệu được nhúng trong một 22 có thể chạy JavaScript trong ngữ cảnh riêng của chúng (không ảnh hưởng đến trang web gốc) như bình thườngMọi tương tác tập lệnh giữa trang mẹ và nội dung của 22 được nhúng đều phải tuân theo chính sách cùng nguồn gốc. Điều này có nghĩa là nếu bạn tải nội dung của 22 từ một miền khác, trình duyệt sẽ chặn mọi nỗ lực truy cập nội dung đó bằng JavaScriptQUẢ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 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 nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có việc làm với tư cách là nhà phát triển. Bắt đầu Phần tử nào được sử dụng đầu tiên trong tài liệu HTML?Phần tử là phần tử gốc và nó xác định toàn bộ tài liệu HTML. Nó có thẻ bắt đầu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Thẻ HTML đầu tiên là gì?Tất cả tài liệu HTML phải bắt đầu bằng khai báo loại tài liệu. .
Thẻ đầu tiên trong bất kỳ tài liệu HTML MCQS nào nên là thẻ nào?Câu trả lời đúng là . Thẻ HTML là tên phần tử được bao quanh bởi dấu ngoặc nhọn <>. Khi chúng ta làm việc trên một tài liệu HTML, thẻ đầu tiên phải là
Main được sử dụng để làm gì trong HTML?Thẻ để chỉ định nội dung chính của tài liệu . Nó bao gồm các nội dung liên quan trực tiếp đến chủ đề trung tâm. Nội dung dư thừa như thanh bên, liên kết điều hướng và biểu mẫu tìm kiếm được tránh trong thẻ |