Ngôn ngữ đánh dấu siêu văn bản (HTML) là một tập hợp các mã máy tính được sử dụng để xác định cách thức xuất hiện một trang web.Mỗi phần tử được gắn thẻ với một mã cụ thể để trình duyệt hiển thị văn bản theo cách mà người gắn thẻ đã dự định.Thẻ nhịp được chỉ định bởi
và được sử dụng để thêm một cái móc vào một phần cụ thể của văn bản.
Thẻ nhịp HTML tương tự như phân chia logic hoặc
div Thẻ.Cả hai đều được sử dụng với các bảng kiểu xếp tầng (CSS), một ngôn ngữ mà các nhà phát triển web sử dụng để gán các thuộc tính kiểu cho các tài liệu Web HTML, XHTML và XML.Việc sử dụng CSS cho phép tách nội dung khỏi các yếu tố trình bày, chẳng hạn như bố cục, phông chữ và màu sắc.Điều này làm cho nội dung dễ tiếp cận hơn và trình bày linh hoạt hơn.
Thẻ nhịp HTML không thay đổi hoạt động đối với văn bản được chỉ định, không giống như các thẻ biểu thị kích thước tiêu đề, đoạn văn hoặc màu văn bản.Thay vào đó, thẻ này được sử dụng để nhóm một phần HTML lại với nhau và để kết nối một số thông tin khác với phần đó.Thẻ div HTML hoạt động tương tự, nhưng mỗi thẻ phục vụ một mục đích khác nhau.
Thẻ div chia một trang web thành các phần lớn.Việc sử dụng nó cho phép các nhà phát triển xác định kiểu của một phần lớn của mã HTML.Với thẻ Div, có khả năng đặt tên cho các phần được gắn thẻ để chúng có thể dễ dàng xử lý trong CSS.Lưu ý rằng thẻ HTML Div phá vỡ các đoạn văn.Nói cách khác, bạn có thể có các đoạn trong một phần được đánh dấu bằng Div, nhưng bạn có thể không có một div bên trong một đoạn văn.
Thẻ nhịp HTML tương tự như thẻ Div khi nó bao quanh một phần của văn bản.Không có thuộc tính kiểu, nó sẽ không thay đổi văn bản mà nó đã kèm theo.sẽ không thực hiện bất kỳ định dạng nào mà không có thẻ thuộc tính, trong đó div bao gồm các lần ngắt.
Ba thuộc tính hữu ích có thể được sử dụng với thẻ Span HTML là kiểu, lớp và id.Bằng cách sử dụng Span, một thuộc tính cụ thể có thể được gắn vào một phần nhỏ của văn bản.Ví dụ: nếu một câu được viết trong tiêu đề cấp 1 và từ cuối cùng phải có màu đỏ, thẻ nhịp HTML có thể được sử dụng để thực hiện điều này.Xem ví dụ dưới đây. Đây là màu đỏ
sẽ mang lại kết quả này:
<![CDATA[ Điều này phải có màu đỏ bằng cách kèm theo từ mong muốn với thẻ nhịp HTML, thuộc tính mdash;Trong trường hợp này màu đỏ mdash;được giới hạn trong các từ duy nhất được chỉ định.Cần lưu ý rằng thẻ nhịp HTML có thể nằm trong các thẻ đoạn văn hoặc div.Như với tất cả các thẻ HTML, bạn phải đóng phần tử để nó hoạt động đúng.</p>
</div>
</div>
<div class="content-sidebar col right grid-col-4 elements">
<div class="social-share-buttons-wrapper teaser-module">
<div class="sidebar-adapt">
<div class="inner">
<ul class="social-share-buttons">
<li class="share-fb"><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.helpleft.com/vi/internet/what-is-an-html-span-tag.html" target="_blank"><i class="icon ficon-facebook" role="img" aria-hidden="true"></i> Facebook</a></li>
<li class="share-tw"><a href="https://twitter.com/share?url=https://www.helpleft.com/vi/internet/what-is-an-html-span-tag.html" target="_blank"><i class="icon ficon-twitter" role="img" aria-hidden="true"></i> Twitter</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</main>
<footer class="footer">
<div class="feedback-block">
<div class="adapt v-adapt">
<p> Giúp chúng tôi cải thiện trang web của mình Bạn có tìm thấy thông tin mà bạn đang tìm kiếm không?
<i class="icon ficon-mail_outline" aria-label="E-mail" role="img"></i> <a href="mailto:support@helpleft.com" data-address="support@helpleft.com" class="js-obfuscated is-reverse">support@helpleft.com</a>
</p>
</div>
</div>
<div class="inner">
<div class="adapt">
<div class="page-meta-details">
<dl>
<dd>
<a href="https://www.helpleft.com/contact-us.html" target="_blank">Contact Us</a>
<span class="page-meta-divider"> | </span>
<a href="https://www.helpleft.com/terms-of-use.html" target="_blank">Terms of Use</a>
<span class="page-meta-divider"> | </span>
<a href="https://www.helpleft.com/privacy-statement.html" target="_blank">Privacy Statement</a>
</dd>
</dl>
</div>
<p class="copyright">© HelpLeft.Com All rights reserved.</p>
</div>
</div>
</footer>
<div class="adapt">
<div class="scroll-top-wrapper">
<a href="#" role="button" class="scroll-top-btn hidden is-hidden cant-show"><i class="icon ficon-arrow_up" role="img" aria-hidden="true"></i><span class="visuallyhidden">Top</span></a>
</div>
</div>
</div>
<div id="search-popup" class="search-popup" aria-hidden="true" aria-modal=true aria-labelledby="searchModalTitle" role="dialog">
<form action="https://www.helpleft.com/search.html">
<fieldset>
<legend class="visuallyhidden" id="searchModalTitle">Tìm kiếm</legend>
<div class="field">
<input type="text" id="search-input" name="q" aria-label="Tìm kiếm" placeholder="Tìm kiếm">
</div>
<div class="action">
<button type="submit" name="submit" class="submit ficon-search" aria-label="Tìm kiếm"><span class="visuallyhidden">Tìm kiếm</span></button>
</div>
</fieldset>
</form>
<button aria-label="Tìm kiếm" type="button" class="close-search-btn close-popup-btn close-search "><span class="visuallyhidden">Tìm kiếm</span></button>
</div>
<div id="language-popup" class="language-popup" aria-hidden="true" aria-modal=true aria-labelledby="langModalTitle" role="dialog">
<div class="language-select-list">
<h3 class="sr-only" id="langModalTitle">ngôn ngữ</h3>
<ul class="languages">
<li><a tabindex="-1" href="https://www.helpleft.com/de/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="de" lang="de">Deutsch</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/sv/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="sv" lang="sv">Svenska</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/cs/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="cs" lang="cs">Čeština</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/da/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="da" lang="da">Dansk</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/nl/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="nl" lang="nl">Nederlands</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/no/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="no" lang="no">Norsk</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/ja/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="ja" lang="ja">日本語</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/ko/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="ko" lang="ko">한국어</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/th/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="th" lang="th">ไทย</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/pl/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="pl" lang="pl">Polski</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/fr/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="fr" lang="fr">Français</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/it/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="it" lang="it">Italiano</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/el/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="el" lang="el">Ελληνικά</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/hu/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="hu" lang="hu">Magyar</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/id/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="id" lang="id">Bahasa Indonesia</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/tl/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="tl" lang="tl">Pilipino</a></li>
<li><a tabindex="-1" href="https://www.helpleft.com/vi/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="vi" lang="vi">Tiếng Việt</a></li>
</ul>
</div>
<button aria-label="Close Language Selector" type="button" class="close-language-btn close-popup-btn close-language" tabindex="-1"><span class="visuallyhidden">Close</span></button>
</div>
<script type="application/javascript" src="/themes/javascript/jquery-3.4.1.min.js"></script>
<script type="application/javascript" src="/themes/javascript/underscore.min.js"></script>
<script type="application/javascript" src="/themes/javascript/functions.min.js"></script>
</body>
</html>
]]> 