Thẻ nào được sử dụng để in văn bản được viết chính xác trong tệp html?

Khi trình duyệt web nhìn thấy thẻ HTML, nó sẽ biết phải làm gì với tài liệu. Thẻ cho phép trình duyệt web phân biệt giữa HTML và văn bản thuần túy. Thẻ mở, nội dung và thẻ đóng đều tạo thành một thẻ HTML duy nhất. Nhưng một số thẻ HTML không phải là thẻ đóng

Thẻ HTML là gì?

Thẻ HTML là một từ hoặc chữ cái cụ thể được đặt trong dấu ngoặc nhọn,

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Mã HTML được trình duyệt web đọc từ trên xuống dưới và từ trái sang phải khi xem trên màn hình máy tính. Các tài liệu HTML và các đặc điểm của chúng được tạo và hiển thị bằng các thẻ HTML. Các thuộc tính của các thẻ HTML khác nhau

Trình duyệt web phải cho biết sự khác biệt giữa văn bản thuần túy và văn bản HTML trong tệp HTML. Bạn có thể sử dụng các thẻ không giới hạn trong mã của mình trong các tệp HTML

Dưới đây là một vài thẻ HTML phổ biến và cách sử dụng chúng

• Thẻ tiêu đề
  Mọi tài liệu đều có tiêu đề. Tiêu đề của bạn có thể có kích thước khác nhau. Các tiêu đề trong HTML là ________ 141, ________ 142, _______ 143,

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  44,

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  45 và ________ 146. Một dòng được thêm vào trước và sau mỗi tiêu đề.

• Thẻ đoạn văn
  Thẻ

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  47 cho phép bạn chia văn bản của mình thành các đoạn văn. Thẻ

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  47 nên tách từng đoạn văn bản.

• Thẻ ngắt dòng
  Bất cứ khi nào bạn sử dụng phần tử

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  400, dòng tiếp theo sẽ bắt đầu. Bạn có thể tạo một phần trống bằng cách sử dụng thẻ này, không cần thẻ mở hoặc thẻ đóng.
  
  Với thẻ

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  400, một khoảng trống theo sau mỗi ký tự. Khoảng cách này là bắt buộc đối với các trình duyệt cũ hơn để hiển thị ngắt dòng và bỏ qua khoảng cách này sẽ hiển thị ngắt dòng XHTML không hợp lệ.

• Thẻ Dòng ngang
  Các dòng ngang chia tài liệu thành nhiều phần. Sử dụng thẻ này, bạn tạo một dòng từ vị trí tài liệu hiện tại đến lề phải và ngắt dòng đó.
  
  Khoảng cách nằm giữa

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  402 và dấu gạch chéo về phía trước trong

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  403. Các trình duyệt cũ hơn sẽ gặp sự cố khi hiển thị đường ngang mà không có khoảng trống này và việc sử dụng

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  402 không có ký tự gạch chéo về phía trước là XHTML không hợp lệ.

• Thẻ định dạng
  Đôi khi bạn muốn văn bản của mình trông giống hệt nội dung HTML. Sử dụng thẻ định dạng sẵn

    <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
  

  405 trong những trường hợp này.

Học HTML cơ bản miễn phí

Bạn muốn tìm hiểu một số HTML cơ bản miễn phí? . Trong phần này, bạn sẽ tìm hiểu thêm về HTML, cũng như kiến ​​thức cơ bản về CSS và JavaScript. Sau một giờ mỗi ngày, bạn sẽ xây dựng trang web đầu tiên của mình. Đăng ký ngay, thông qua mẫu dưới đây. Ngoài ra, nếu bạn muốn tìm hiểu thêm về chương trình Phát triển phần mềm Full Stack của Code Institute, hãy nhấp vào đây.  

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)

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ử p

Thẻ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Việc sử dụng

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Ví dụ

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

Bạn cũng có thể lồng một phần tử neo

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Ví dụ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Yếu tố tiêu đề

Có sáu thành phần tiêu đề —

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <h1 id="top"></h1>
  <a href= "#top">Go to top</a>

  <h1 id="top"></h1>
  <a href= "#top">Go to top</a>

  <h1 id="top"></h1>
  <a href= "#top">Go to top</a>

  <h1 id="top"></h1>
  <a href= "#top">Go to top</a>

  <h1 id="top"></h1>
  <a href= "#top">Go to top</a>

Cá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ử

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <h1 id="top"></h1>
  <a href= "#top">Go to top</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Ví dụ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

một yếu tố

Phần tử neo (

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Văn bản giữa thẻ mở và thẻ đóng

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Theo 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

• Một liên kết chưa được truy cập được gạch chân và có màu xanh lam
• Một liên kết đã truy cập được gạch chân và có màu tím
• Một liên kết hoạt động được gạch dưới và màu đỏ

ví dụ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

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

Mộ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ẻ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

liệt kê các yếu tố

Có hai loại danh sách chính trong HTML. có thứ tự (

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

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

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

đầu ra

• Mục
• Mục
• Mục

Danh sách được yêu cầu

Danh sách có thứ tự bắt đầu bằng thẻ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

đầu ra

1. Mục đầu tiên
2. Mục thứ hai
3. Mục thứ ba

phần tử em

Phần tử

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Ghi chú. Không nên sử dụng thẻ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Ví dụ

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

tôi phần tử

Phần tử

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Trong các đặc tả HTML trước đây, thẻ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Bạn có thể sử dụng thuộc tính

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

yếu tố mạnh mẽ

Phần tử

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Ghi chú. Không nên sử dụng thẻ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Ví dụ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

phần tử img

Một phần tử HTML

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Lưu ý rằng các phần tử

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Thuộc tính

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

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ử

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

ví dụ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

(Đ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ư

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Đôi khi, một phần tử

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Cá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

yếu tố điều hướng

Phần tử

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

Cá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ụ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

phần tử tiêu đề

Thẻ

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <h1 id="top"></h1>
  <a href= "#top">Go to top</a>

Mặc dù không bắt buộc, nhưng thẻ

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

Ví dụ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

phần tử vùng văn bản

Thẻ 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ể đặt 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ụ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Các thuộc tính phổ biến nhất. Thuộc tính

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

<html>
  <head>
    <title>Paragraph example</title>
  </head>
  <body>
    <p>
      This is a paragraph. It is the first of many.
    </p>
    <p>
      This is another paragraph. It will appear on a separate line.
    </p>
  </body>
</html>

phần tử nhãn

Thẻ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Nhã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ụ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Như 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ảng

Thuộc tính

Thuộc tính toàn cầu

Thẻ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Thuộc tính sự kiện

Thẻ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Phần tử

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Thẻ meta

Thẻ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Siê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á tối ưu hóa công cụ tìm kiếm (SEO)

Ví dụ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

phần tử div

Thẻ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Một

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Ví dụ

Dưới đây là một ví dụ về cách hiển thị một phần có cùng màu

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

phần tử

Phần tử

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

  <h1 id="top"></h1>
  <a href= "#top">Go to top</a>

Ví 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ử

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Phần tử chân trang

Thẻ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Ví dụ

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

yếu tố âm thanh

Thẻ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Thẻ â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

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Thêm MP3

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Thêm WAV

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Nó 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

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Hỗ trợ trình duyệt cho các loại tệp khác nhau như sau

Thuộc tính được hỗ trợ

Phần tử khung nội tuyến

Phần tử HTML

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Thuộc tính

Dưới đây là một số thuộc tính của

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Thẻ 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

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Bạ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

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Cá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

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

ví dụ

Nhúng video YouTube với

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Nhúng Google Maps với một

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Văn bản thay thế

Nội dung giữa thẻ

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Nhắm mục tiêu iframe trong Liên kết

Bấ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ử

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

  <a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>

Ví dụ này ban đầu sẽ hiển thị một

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

JavaScript và iframe

Các tài liệu được nhúng trong một

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

Mọi tương tác tập lệnh giữa trang mẹ và nội dung của

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</p>

<p>Here's a <a href="https://freecodecamp.org">link to freeCodeCamp</a>.</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

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

Thẻ nào được sử dụng để hiển thị văn bản ở định dạng mà bạn đã viết văn bản?