html 标签
导读 HTML（HyperText Markup Language）是用于创建网页的标准标记语言。以下是HTML中常见的标签及其描述：### 基础标签1. ``: 定义文档类...
HTML（HyperText Markup Language）是用于创建网页的标准标记语言。以下是HTML中常见的标签及其描述：
### 基础标签
1. ``: 定义文档类型和版本。这是HTML5文档的第一个标签。
2. ``: 定义整个HTML文档的根元素。
3. ``: 包含元数据和其他关于文档的额外信息，如字符集声明和CSS样式链接等。
* ``: 定义网页标题，显示在浏览器的标题栏或标签上。
* `<meta charset="UTF-8">`: 设置文档字符集为UTF-8。
* `<link rel="stylesheet" href="styles.css">`: 链接外部CSS样式表。
* `<script src="script.js"></script>`: 链接外部JavaScript文件。
4. `<body>`: 包含所有可见的元素和内容，如文本、图片等。
### 内容相关标签
1. `<h1>` 到 `<h6>`: 定义标题或子标题的等级，`<h1>`最大，`<h6>`最小。
2. `<p>`: 定义段落。
3. `<a href="URL">`: 创建超链接。
4. `<img src="URL" alt="描述">`: 插入图像。
5. `<div>`: 定义区块或容器元素，常用于样式和布局目的。通常与其他HTML标签结合使用（如嵌套其他元素）。常用于配合CSS使用来定义样式或布局。它是块级元素。对应的外联样式为`display: block`。它可以作为容器来包裹其他块级元素和行内元素等以便对其使用CSS样式设置统一的背景、边框等样式。用于分割内容布局如文档的内容主体等块级的结构定义块级别的样式的层叠上下关系以及提供某种可视化语义等功能内容或框架级别来展示特定内容和定义通用的属性用于显示单个主题信息集中的块内容定义。此外还包括其他如`<span>`（行内元素）、`<section>`、`<article>`等标签。它们通常用于内容的组织和布局设计以改善页面的可访问性和SEO优化等。除了以上列举的以外还包括一些专门用途的标签比如表格标签包括`<table>`、`<tr>`、`<td>`等列表标签包括`<ul>`无序列表 `<ol>`有序列表 `<li>`列表项表单相关的包括`<form>`、`<input>`等交互功能标签以及更多用于处理复杂布局和设计需求的其他辅助性标签等。这些标签共同构成了HTML语言的基础结构用于创建和设计网页内容并提供了丰富的功能和交互性体验以满足用户的需求和期望。这些标签的使用可以根据具体需求和场景进行灵活组合和调整以实现不同的页面设计和功能需求。
</div>
<script>
if (isMobile()){
document.write('<div style="text-align:center;margin-top:10px;margin-left:-5px;"><script>wap_show_sosuo();<\/script><\/div>');
}
</script>
<div class="single-credit">
版权声明：本文由用户上传，如有侵权请联系删除！
</div>
<script>
if (!isMobile()){
document.write('<div style="text-align:center;"><script>pc_show_tag_under();<\/script><\/div>');
}
</script>
<div class="article_footer clearfix">
<div class="fr tag"> 标签：
<a href="https://www.mjgov.cn/tag/html/" target="_blank">html</a>
<a href="https://www.mjgov.cn/tag/biaoqian/" target="_blank">标签</a>
</div>
</div>
</article>
<!-- 分页1 -->
<div class="pagination-box sb br mb clearfix">
<div class="pagination-btn fl ellipsis">
<a href="http://m.mjgov.cn/kpzx/202411/15047.html">上一篇:entries</a>
</div>
<div class="pagination-btn fr ellipsis">
<a href="javascript:alert('最后一页');">下一篇:最后一页</a>
</div>
</div>
<script>
if (isMobile()){
document.write('<div style="text-align:center;margin-top:10px;margin-left:-5px;"><script>wap_show_tag_under9();<\/script><\/div>');
}
</script>
<div class="related-content">
<h3 class="section-title">猜你喜欢</h3>
<ul class="clear">
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15049.html" title="html 标签" >html 标签</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15047.html" title="entries" >entries</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15045.html" title="strong是什么意思" >strong是什么意思</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15043.html" title="document.getelementsbyname" >document.getelementsbyname</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15041.html" title="list-style" >list-style</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15039.html" title="视口" >视口</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15037.html" title="columns" >columns</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15035.html" title="links" >links</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15033.html" title="cos30" >cos30</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://m.mjgov.cn/kpzx/202411/15031.html" title="option" >option</a>
</li>
</ul>
</div>
<script>
if (isMobile()){
document.write('<div style="text-align:center;margin-top:5px;margin-left:-5px;"><script>wap_show_artlist1();<\/script><\/div>');
}else{
document.write('<div style="text-align:center;margin: 10px 0px;"><script>pc_show_like_under();<\/script><\/div>');
}
</script>
<div class="related-content">
<h3 class="section-title">最新文章</h3>
<ul class="clear">
<!-- 最新文章 -->
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15048.html" title="system官网" >system官网</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15046.html" title="full screen" >full screen</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15044.html" title="blockquote标签" >blockquote标签</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15042.html" title="aside" >aside</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15040.html" title="clonenode" >clonenode</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15038.html" title="params" >params</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15036.html" title="mouse_event" >mouse_event</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15034.html" title="运算" >运算</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15032.html" title="freeze" >freeze</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15030.html" title="document.getelementbyid" >document.getelementbyid</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15028.html" title="attribute" >attribute</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15026.html" title="matrix" >matrix</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15024.html" title="resolution" >resolution</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15022.html" title="outline" >outline</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15020.html" title="state" >state</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15019.html" title="filter" >filter</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15017.html" title="domain" >domain</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15015.html" title="语言" >语言</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15013.html" title="select" >select</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15011.html" title="css id选择器" >css id选择器</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15009.html" title="html代码大全txt" >html代码大全txt</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15007.html" title="reverse()" >reverse()</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15005.html" title="return to" >return to</a>
</li>
<li class="hentry ht_grid_1_3">
<a href="http://news.mjgov.cn/smkp/202411/15003.html" title="to let" >to let</a>
</li>
</ul>
</div>
</main>
</div>
</div>
<aside id="secondary" class="widget-area sidebar">
<div class="sidebar__inner">
<div id="boke_x-recent-2" class="widget widget-boke-x-recent widget_posts_thumbnail">
<h2 class="widget-title">今日推荐</h2>
<ul>
<li class="clear"><a href="https://sww.mjgov.cn/zhbk/202411/4412.html" >
<div class="thumbnail-wrap">
<img src="https://www.mjgov.cn/uploadfile/2024/1101/thumb_260_130_20241101101219362.png" alt="谷歌Meet应用的原始版本已正式永久下线"/>
</div>
</a>
<div class="entry-wrap">
<a href="https://sww.mjgov.cn/zhbk/202411/4412.html" title="谷歌Meet应用的原始版本已正式永久下线">谷歌Meet应用的原始版本已正式永久下线</a>
</div>
</li>
<li class="post-list"><a href="http://m.mjgov.cn/kpzx/202411/15037.html" title="columns" >columns</a></li>
<li class="post-list"><a href="http://m.mjgov.cn/kpzx/202411/15035.html" title="links" >links</a></li>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15032.html" title="freeze" >freeze</a></li>
<li class="post-list"><a href="http://m.mjgov.cn/kpzx/202411/15031.html" title="option" >option</a></li>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15030.html" title="document.getelementbyid" >document.getelementbyid</a></li>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15022.html" title="outline" >outline</a></li>
</ul>
</div>
<script>
if (!isMobile()){
document.write('<div style="text-align:center;margin-top:5px;"><script>pc_show_right300();<\/script><\/div>');
}
</script>
<div id="boke_x-recent-2" class="widget widget-boke-x-recent widget_posts_thumbnail">
<h2 class="widget-title">热门文章</h2>
<ul>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15042.html" title="aside" >aside</a></li>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15040.html" title="clonenode" >clonenode</a></li>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15038.html" title="params" >params</a></li>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15034.html" title="运算" >运算</a></li>
<li class="post-list"><a href="http://m.mjgov.cn/kpzx/202411/15033.html" title="cos30" >cos30</a></li>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15026.html" title="matrix" >matrix</a></li>
<li class="post-list"><a href="http://news.mjgov.cn/smkp/202411/15024.html" title="resolution" >resolution</a></li>
<li class="post-list"><a href="http://m.mjgov.cn/kpzx/202411/15023.html" title="label" >label</a></li>
</ul>
</div>
<div id="boke_x-views-3" class="widget widget-boke-x-views widget_posts_thumbnail">
<h2 class="widget-title">阅读排行</h2>
<ul>
<li class="clear"><a href="http://news.mjgov.cn/smkp/202411/14955.html" title="img src" >
<div class="thumbnail-wrap">
<img width="300" height="150" src="https://www.mjgov.cn/statics/images/nopic.gif" alt="img src" class="attachment-boke_x_widget_thumb size-boke_x_widget_thumb wp-post-image"/>
</div>
</a>
<div class="entry-wrap">
<a href="http://news.mjgov.cn/smkp/202411/14955.html" title="img src" >img src</a>
</div>
</li>
<li class="post-list"><span>1</span><a href="http://m.mjgov.cn/kpzx/202411/15049.html" title="html 标签" >html 标签</a></li>
<li class="post-list"><span>2</span><a href="http://news.mjgov.cn/smkp/202411/15048.html" title="system官网" >system官网</a></li>
<li class="post-list"><span>3</span><a href="http://news.mjgov.cn/smkp/202411/15046.html" title="full screen" >full screen</a></li>
<li class="post-list"><span>4</span><a href="http://m.mjgov.cn/kpzx/202411/15043.html" title="document.getelementsbyname" >document.getelementsbyname</a></li>
<li class="post-list"><span>5</span><a href="http://m.mjgov.cn/kpzx/202411/15041.html" title="list-style" >list-style</a></li>
<li class="post-list"><span>6</span><a href="http://m.mjgov.cn/kpzx/202411/15025.html" title="infinity" >infinity</a></li>
<li class="post-list"><span>7</span><a href="http://news.mjgov.cn/smkp/202411/15011.html" title="css id选择器" >css id选择器</a></li>
<li class="post-list"><span>8</span><a href="http://news.mjgov.cn/smkp/202411/15005.html" title="return to" >return to</a></li>
<li class="post-list"><span>9</span><a href="http://m.mjgov.cn/kpzx/202411/15002.html" title="db(a)" >db(a)</a></li>
</ul>
</div>
</div>
</aside> </div>
<script>
if (isMobile()){
document.write('<script>wap_show_button_under();wap_show_button_float();<\/script>');
}
</script>
<footer id="colophon" class="site-footer">
<style>
@media screen and (max-width:959px){
.copyright-link{display:none}
}
</style>
<div id="site-bottom" class="clear">
<div class="container">
<div class="footer-left">
<div class="site-info">
<p>© 2019-2024 <a href="https://www.mjgov.cn" target="_blank">跳动公会界 </a> Copyright (C) . All Rights Reserved. <a href="https://www.mjgov.cn/ditu.html" target="_blank" >网站地图</a> | <a href="https://www.mjgov.cn/sitemaps.xml" target="_blank">百度地图</a>| <a href="https://www.mjgov.cn/sitemaps_360_all.xml" target="_blank">360地图</a> | <a href="https://www.mjgov.cn/jrgx" target="_blank">今日更新</a> </p>
</div>
</div>
</div>
</div>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: "JdzFheWHupiQxBaT",ck: "JdzFheWHupiQxBaT"})</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://sf1-scmcdn-tos.pstatp.com/goofy/ttzz/push.js?a2f2172df99b5c88855bc682f1a7c2e77d244f76c4adea7ad934974f5bbb64a154d183c95f18fde7111d31dcdfeb9e0e0b6f1f92e72b4ee0e7032b61d2c27216";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script>
</footer>
</div>
<script type='text/javascript'>
var usp_custom_field = "usp_custom_field"; var usp_custom_checkbox = "usp_custom_checkbox"; var usp_case_sensitivity = "false"; var usp_challenge_response = "2"; var usp_min_images = 0; var usp_max_images = 10; var usp_parsley_error = "\u9a8c\u8bc1\u9519\u8bef";
</script>
<script type='text/javascript' src='https://www.mjgov.cn/static/js/superfish.js'></script>
<script type='text/javascript' src='https://www.mjgov.cn/static/js/jquery.bxslider.js'></script>
<script type='text/javascript' src='https://www.mjgov.cn/static/js/jquery.custom.js'></script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'http://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>