HTML基本标签

1.文件开始标签

用于表示该文件是以超文本标识语言(HTML)编写，该标签不带有任何属性

2.头文件标签

表示网页的头部标签，在中定义的元素，并不会放置网页中的任何内容

3.<span class="md-plain">标题标签</span></span></span></h2> <p class="md-end-block md-p"><span class="md-plain">在浏览器中，文件名称组为窗口名称显示在该窗口的最上方，主要运用在浏览器的收藏功能中</span></p> <h2 class="md-end-block md-heading"><span class="md-plain">4.<span class="md-tag md-raw-inline"><meta><span class="md-plain">元信息标签</span></span></span></h2> <p class="md-end-block md-p"><span class="md-plain">提供的信息用户不可见，它不显示在页面中，一般用来定义页面的名称/关键字/作者等,一个HTML页面中可以有多个<span class="md-tag md-raw-inline"><meta></span></span></p> <h2 class="md-end-block md-heading"><span class="md-plain">5.<span class="md-tag md-raw-inline"><body><span class="md-plain">页面主题标签</span></span></span></h2> <p class="md-end-block md-p"><span class="md-plain">主要设置页面的主体部分,是浏览器中显示的部分</span></p> <h2 class="md-end-block md-heading"><span class="md-plain">6.<span class="md-tag md-raw-inline"><P><span class="md-plain">段落标签</span></span></span></h2> <p class="md-end-block md-p"><span class="md-plain">格式:</span></p> <pre class="md-fences md-end-block ty-contain-cm modeLoaded"><span><span class="cm-tag cm-bracket"><<span class="cm-tag">p<span class="cm-tag cm-bracket">> 这是一个段落标签<span class="cm-tag cm-bracket"></<span class="cm-tag">p<span class="cm-tag cm-bracket">></span></span></span></span></span></span></span></pre> <h2 class="md-end-block md-heading"><span class="md-plain">7.<h_>标题标记</span></h2> <pre class="md-fences md-end-block ty-contain-cm modeLoaded"><span><span class="cm-comment"><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">h1<span class="cm-tag cm-bracket">>一级标题<span class="cm-tag cm-bracket"></<span class="cm-tag">h1<span class="cm-tag cm-bracket">><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">h2<span class="cm-tag cm-bracket">>二级标题<span class="cm-tag cm-bracket"></<span class="cm-tag">h2<span class="cm-tag cm-bracket">><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">h3<span class="cm-tag cm-bracket">>三级标题<span class="cm-tag cm-bracket"></<span class="cm-tag">h3<span class="cm-tag cm-bracket">><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">h4<span class="cm-tag cm-bracket">>四级标题<span class="cm-tag cm-bracket"></<span class="cm-tag">h4<span class="cm-tag cm-bracket">><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">h5<span class="cm-tag cm-bracket">>五级标题<span class="cm-tag cm-bracket"></<span class="cm-tag">h5<span class="cm-tag cm-bracket">><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">h6<span class="cm-tag cm-bracket">>六级标题<span class="cm-tag cm-bracket"></<span class="cm-tag">h6<span class="cm-tag cm-bracket">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre> <h2 class="md-end-block md-heading"><span class="md-plain">8.<span class="md-tag md-raw-inline"><img><span class="md-plain">图片标签</span></span></span></h2> <pre class="md-fences md-end-block ty-contain-cm modeLoaded"><span><span class="cm-tag cm-bracket"><<span class="cm-tag">img <span class="cm-attribute">src=<span class="cm-string">"图片的路径地址"<span class="cm-tag cm-bracket">></span></span></span></span></span></span></pre> <h2 class="md-end-block md-heading"><span class="md-plain">9.<span class="md-tag md-raw-inline"><hr><span class="md-plain">水平线标签</span></span></span></h2> <pre class="md-fences md-end-block ty-contain-cm modeLoaded"><span><span class="cm-comment"><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">hr<span class="cm-tag cm-bracket">/></span></span></span></span></span></span></pre> <h2 class="md-end-block md-heading"><span class="md-plain">10.< br>换行标签</span></h2> <pre class="md-fences md-end-block ty-contain-cm modeLoaded"><span><span class="cm-comment"><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">br<span class="cm-tag cm-bracket">/></span></span></span></span></span></span></pre> <h2 class="md-end-block md-heading"><span class="md-plain">11.<span class="md-tag md-raw-inline"><a><span class="md-plain">链接标签</span></span></span></h2> <p class="md-end-block md-p"><span class="md-tag md-raw-inline"><a><span class="md-plain">标签定义超链接,用于从一个网页链接到另一个网页,其中最重要的属性是href属性,它指示链接的目标</span></span></p> <pre class="md-fences md-end-block ty-contain-cm modeLoaded"><span><span class="cm-tag cm-bracket"><<span class="cm-tag">a <span class="cm-attribute">href=<span class="cm-string">"新窗口路径" <span class="cm-attribute">target=<span class="cm-string">" "<span class="cm-tag cm-bracket">>链接文字<span class="cm-tag cm-bracket"></<span class="cm-tag">a<span class="cm-tag cm-bracket">></span></span></span></span></span></span></span></span></span></span></span></pre> <p class="md-end-block md-p"><span class="md-plain">href:链接地址,可以是相对路径,也可以是绝对路径</span></p> <p class="md-end-block md-p"><span class="md-plain">target: 打开窗口的方式 ,其四个属性值:</span></p> <ul class="ul-list" data-mark="*"> <li class="md-list-item"> <p class="md-end-block md-p"><span class="md-plain">_blank: 新建一个窗口打开</span></p> </li> <li class="md-list-item"> <p class="md-end-block md-p"><span class="md-plain">_parent: 在父窗口打开</span></p> </li> <li class="md-list-item"> <p class="md-end-block md-p"><span class="md-plain">_self: 在同一个窗口打开(默认值)</span></p> </li> <li class="md-list-item"> <p class="md-end-block md-p"><span class="md-plain">_top: 在浏览器的整个窗口打开,将会忽略所有框架结构</span></p> </li> </ul> <h2 class="md-end-block md-heading"><span class="md-plain">12.<span class="md-tag md-raw-inline"><div><span class="md-plain"> 和<span class="md-tag md-raw-inline"><span><span class="md-plain">分组标签</span></span></span></span></span></h2> <p class="md-end-block md-p"><span class="md-plain">< div>标签可以定义文档中的分区或节,<span class="md-tag md-raw-inline"><div><span class="md-plain">占用的宽度是一行,这意味着<span class="md-tag md-raw-inline"><div><span class="md-tag md-raw-inline"></div><span class="md-plain">中的内容自动开始一个新行</span></span></span></span></span></span></p> <p class="md-end-block md-p"><span class="md-tag md-raw-inline"><span><span class="md-plain">标签用来对同一行内容的文字分类分组,<span class="md-tag md-raw-inline"><span><span class="md-plain">占用的宽度与分组内容一致</span></span></span></span></p> <pre class="md-fences md-end-block ty-contain-cm modeLoaded"><span><span class="cm-tag cm-bracket"><<span class="cm-tag">div<span class="cm-tag cm-bracket">><br><span> 块状分组内容<br><span><span class="cm-tag cm-bracket"></<span class="cm-tag">div<span class="cm-tag cm-bracket">><br><span><span class="cm-tag cm-bracket"><<span class="cm-tag">span<span class="cm-tag cm-bracket">>行内分组内容<span class="cm-tag cm-bracket"></<span class="cm-tag">span<span class="cm-tag cm-bracket">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre> <span><span class="cm-tag cm-bracket"> </span></span> </div>  <div class="p-2"></div> <div class="arcinfo my-3 fs-7 text-center"> <a href='/t/etagid263-0.html' class='tagbtn' target='_blank'>html</a> </div> <div class="p-2"></div> </div> <div class="p-2"></div>  <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle"><h2 class="fs-4">相关</h2></div> <hr> <div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-566535.html">html标签</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-564642.html">HTML和CSS</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-561490.html">HTML表单</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-558169.html">HTML5新增</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-557384.html">Jmeter+ant实现自动生成基于HTML报告及自动发送邮件</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555707.html">Python 发送HTML格式的邮件</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555700.html">shell 拼接html table 发送邮件</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555084.html">html入门-狂神学java</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-552454.html">SAP导出报表格式XXl、XML、XLSX、MHTML选择</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-549821.html">HTML5手机APP开发入门(2)</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-548983.html">https://m.php.cn/vuejs/464077.html</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-547475.html">HTML+CSS系列:登录界面实现</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div>   </div>  </div> <div class="col-lg-3 col-12 p-0 ps-lg-2">     <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div> <div class="clearfix"></div> <ul class="m-0 p-0 fs-7 r-tag"> </ul> <div class="clearfix"></div> </div>  </div> </div> </div> </main> <div class="p-2"></div> <footer> <div class="container-fluid p-0 bg-black"> <div class="container p-0 fs-8"> <p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js"></script> </body> </html>