热搜:NVER node 开发 php

HTML常用标签_html/css_WEB-ITnose

2024-11-06 22:05:01
HTML常用标签_html/css_WEB-ITnose

常用HTML标签元素结合及简介

创建一个HTML文档

设置文档标题和其它在网页中不显示的信息
设置文档的标题        

最大的标题
 预先格式化文本          
下划线
黑体字    
斜体字    
打字机风格的字体
引用,通常是斜体        
强调文本(通常是斜体加黑体)
加重文本(通常是斜体加黑体)
设置字体大小从1到7,颜色使用名字或RGB的十六进制值
基准字体标记
字体加大
字体缩小        
加删除线
程式码          
键盘字
范例    
变量
向右缩排
述语定义
地址标记
上标字    
下标字
...固定?度字体(在文件中空白、?行、定位功能有效)
...</plaintext>固定?度字?(不?行??符?)<br><listing>...</listing> 固定?度小字?  <br>...字??色<br>...最小字?  <br>...?限增大  <p> </p> <p><strong>格式标志标签</strong><br></p> <p></p> 创建一个段落    <br><p align=""> 将段落按左、中、右对齐  <br><br> 换行 插入换行符  <br></p> <blockquote></blockquote> 从两边缩进文本<br><dl></dl> 定义列表<br><dt> 放在每个定义术语词前<br> </dt> <dd> 放在每个定义之前<br><ol></ol> 创建一个标有数字的列表  <br><ul></ul> 创建一个标有圆点的列表<br><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,<br>   若在<ul></ul>之间则每个列表项加上一个圆点    <br> 用来排版大块HTML段落,也用于格式化表<br><menu> 选项清单  <br><dir> 目录清单  <br><nobr></nobr> 强行不换行<br><hr size="9" width="80%" color="ff0000">水平?(?定?度)  <br><center></center> 水平居中   <p><strong>链接标志表格标志</strong><br> 创建超文本链接  <br><br> 创建自动发送电子邮件的链接  <br> 创建位于文档内部的书签<br> 创建指向位于文档内部书签的链接<br><base> 文档中不能被该站点辨识的其它所有链接源的URL<br><link> 定义一个链接和源之间的相互关系 </p> <p><strong>链接标记注解:</strong></p> <p>◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top<br> ◆rel="..."发送链接的类型  <br> ◆rev="..."保存链接的类型<br> ◆accesskey="..."指定该元素的热键<br> ◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly<br> ◆coord="..."使用像素或者长度百分比来定义形状的尺寸<br> ◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)</p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p> </dir> </menu> </li> </dd> </article > <div class="mimiwuqi pagebar-2"> </div> <div class="mimiwuqi art-tags"> </div> <div class="mimiwuqi art-copyright"> <p>本文是由用户编写整理,所有内容的版权归原作者所有。如果侵犯了您的权益,请联系我删除<br></p> </div> </div> <div class="mimiwuqi prev-next"> <p class="mimiwuqi art-prev"> <a href="https://frontend.mimiwuqi.com/qianduan/415546.html" rel="prev"><span>上一篇</span> 移动端webapp自适应实践(css雪碧图制作小工具实践)图文并茂_html/css_WEB-ITnose </a> </p> <p class="mimiwuqi art-next"> <a href="https://frontend.mimiwuqi.com/qianduan/442913.html" rel="next"><span>下一篇</span> PHP写的API如何防止拒绝服务攻击? </a> </p> </div> </div> <div class="mimiwuqi col-right r"> <div class="mimiwuqi widget widgetModule widgetHotPost"> <div class="mimiwuqi com-tit"> <h4 class="mimiwuqi title-2">相关推荐</h4> </div> <ul class="mimiwuqi mod-main mod-post"> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415547.html" target="_blank" title="HTML常用标签_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> HTML常用标签_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415546.html" target="_blank" title="移动端webapp自适应实践(css雪碧图制作小工具实践)图文并茂_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> 移动端webapp自适应实践(css雪碧图制作小工具实践)图文并茂_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415545.html" target="_blank" title="div+css实现简单的弹出窗(背景变灰色)_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> div+css实现简单的弹出窗(背景变灰色)_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415544.html" target="_blank" title="运用@media实现网页自适应中的几个关键分辨率_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> 运用@media实现网页自适应中的几个关键分辨率_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415543.html" target="_blank" title="ie下加载不到css的一种原因_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> ie下加载不到css的一种原因_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415542.html" target="_blank" title="Bootstrap栅格系统_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> Bootstrap栅格系统_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415541.html" target="_blank" title="HTML,原来是它们_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> HTML,原来是它们_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415540.html" target="_blank" title=":如何修改360和谷歌(Google Chrome)浏览器 默认最小12px字体?_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> :如何修改360和谷歌(Google Chrome)浏览器 默认最小12px字体?_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415539.html" target="_blank" title="15个来自 CodePen 的酷炫 CSS 动画效果【下篇】_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> 15个来自 CodePen 的酷炫 CSS 动画效果【下篇】_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415538.html" target="_blank" title="Java web项目怎么实现加经验值_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> Java web项目怎么实现加经验值_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415537.html" target="_blank" title="css雪碧图生成工具4.3更新_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> css雪碧图生成工具4.3更新_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415536.html" target="_blank" title="TinyMCE 粘贴HTML代码,避免style属性被自动清除_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> TinyMCE 粘贴HTML代码,避免style属性被自动清除_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415535.html" target="_blank" title="CSS补充_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> CSS补充_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415534.html" target="_blank" title="搭建chrome,sass调试环境_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> 搭建chrome,sass调试环境_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415533.html" target="_blank" title="纯CSS实现双击链接跳转功能_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> 纯CSS实现双击链接跳转功能_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415532.html" target="_blank" title="web开发需要掌握那些技术,求指教_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> web开发需要掌握那些技术,求指教_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415531.html" target="_blank" title="CSS3 Transition, transform 和 animation 介绍_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> CSS3 Transition, transform 和 animation 介绍_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415530.html" target="_blank" title="DIV背景图片定位问题_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> DIV背景图片定位问题_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415529.html" target="_blank" title="HTML标签没闭合,可能导致 Chrome 崩溃_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> HTML标签没闭合,可能导致 Chrome 崩溃_html/css_WEB-ITnose </div> </a> </li> <li> <a href="https://frontend.mimiwuqi.com/qianduan/415528.html" target="_blank" title="【从0到1学CSS】定位问题二(float和display的使用)_html/css_WEB-ITnose" class="mimiwuqi clearfix"> <div> 【从0到1学CSS】定位问题二(float和display的使用)_html/css_WEB-ITnose </div> </a> </li> </ul> </div> </div> </div> </div> <footer class="footer"> <div class="footer-bottom"> <div class="container"> <div class="footer-copyright">Copyright © 2009 mimiwuqi.com<span>・ </span><a rel="nofollow" target="__blank" href="https://beian.miit.gov.cn">晋ICP备2021011283号</a> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7b19f396c9feef68fe5082cad0b0eeff"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </div> </div> <div class="foot-link"> <img rel="nofollow" src="https://www.mimiwuqi.com/skin/truste.png" alt="TRUSTe Privacy Certification"> <img rel="nofollow" src="https://www.mimiwuqi.com/skin/icon3.png" alt="可信网站"> <img rel="nofollow" src="https://www.mimiwuqi.com/skin/f1ee261b96ae71e845efba398efeca02.png" alt="网站安全"> <img rel="nofollow" src="https://www.mimiwuqi.com/skin/a6ef792fec0a3f4f370cb8d8c6d11134.png" alt="服务时间"> </div> <div class="rollbar"> <div class="rollbar-item"><a rel="nofollow" target="_blank" title="举报反馈留言" href="https://www.mimiwuqi.com/e/tool/gbook/?bid=2"><i class="iconfont icon-fankui"></i>反馈</a></div> <div class="rollbar-item tap-qq" etap="tap-qq"><a rel="nofollow" target="_blank" title="QQ咨询" href="tencent://message/?uin=431571451&Site=qq&Menu=yes"><i class="iconfont icon-qq"></i></a></div> <div class="rollbar-item tap-weixin" etap="tap-weixin" data-id="0" title="关注微信"><i class="iconfont icon-weixin"></i><img src="/skin/mimiwuqi/images/weixin.png" alt="微信联系"></div> <div class="rollbar-item to_full" etap="to_full" title="全屏页面"><i class="iconfont icon-full"></i></div> <div class="rollbar-item to_top" etap="to_top" title="返回顶部"><i class="iconfont icon-shang"></i></div> </div> <div id="loginbox"></div> <script type="text/javascript" src="/skin/images/login.js"></script> </footer> <div class="mimiwuqi m-mask"></div> <script src="https://frontend.mimiwuqi.com/skin/mimiwuqi/js/jquery.fancybox.min.js" type="text/javascript"></script> <link rel="stylesheet" href="https://frontend.mimiwuqi.com/skin/mimiwuqi/css/jquery.fancybox.min.css"> <script> $(function () { $('.content').find('img').each(function () { var _this = $(this); var _src = _this.attr("src"); var _alt = 'HTML常用标签_html/css_WEB-ITnose'; _this.wrap('<a data-fancybox="images" href="' + _src + '" data-caption="' + _alt + '"></a>'); $(this).attr('title','' + _alt + ''); }) }) const preElements = document.querySelectorAll('pre'); preElements.forEach((pre, index) => { const code = document.createElement('code'); code.textContent = pre.textContent; pre.textContent = ''; pre.appendChild(code); const codebutton = document.createElement('button'); codebutton.textContent = '复制'; codebutton.className = 'hljs-button'; pre.appendChild(codebutton); codebutton.addEventListener('click', function () { navigator.clipboard.writeText(code.textContent).then(() => { codebutton.textContent = '已复制'; setTimeout(() => { codebutton.textContent = '复制'; }, 2000); }) .catch(err => { console.error('无法复制文本: ', err); }); }); }); </script> </body> </html>