首页 >

HTML标记一览表及用法说明【HTML】

web前端|html教程HTML标记一览表及用法说明【HTML】
HTML标记,一览表
web前端-html教程
小猪直播商城源码,ubuntu信号量,tomcat线程池高并发,爬虫防止cc,php在线运行菜鸟教程,seo兼职、lzw
HTML标记一览表
易语言卡iphone在线源码,新建分支推送到远程vscode,ubuntu yum 源,怎样检测tomcat漏洞,时间函数 sqlite,网页设计中span的元素,windows2003ftp服务器,搜索框 插件,前端框架怎么自学,mc爬虫馆,初学php,seo运维,springboot优化工作,手机淘宝网站源码,易语言制作网页登陆器,模板自定义添加源码,网站后台关键词怎么设置,php 简单登录页面代码下载,成绩管理系统java源代码,.net源程序lzw
标记类型名称或意义作用备注
文件标记
文件宣告让浏览器知道这是 HTML 文件
开头提供文件整体信息
</td><td>●</td><td>标题</td><td>定义文件标题,将显示于浏览器顶端</td><td> </td></tr><tr><td></td><td>●</td><td>主体</td><td>设计文件格式及内容所在</td><td> </td></tr><tr><td colspan="5"><B>排版标记</B></td></tr><tr><td><!--注解--></td><td>○</td><td>说明标记</td><td>为文件加上说明,但不被显示</td><td> </td></tr><tr><td><p></td><td>○</td><td>段落标记</td><td>为字、图、表格等之间留下一空白行</td><td> </td></tr><tr><td></td><td>○</td><td>换行标记</td><td>令字、图、表格显示于下一行</td><td> </td></tr><tr><td><HR></td><td>○</td><td>水平线</td><td>插入一水平线</td><td> </td></tr><tr><td></td><td>●</td><td>居中</td><td>令字、图、表格等显示于中间</td><td>反对</td></tr><tr><td><PRE></td><td>●</td><td>预设格式</td><td>令文件按原代码的排列方式显示</td><td> </td></tr><tr><td><DIV></td><td>●</td><td>定位标记</td><td>设定字、图、表格等的摆放位置</td><td> </td></tr><tr><td></td><td>●</td><td>不换行</td><td>令文字不因太长而换行</td><td> </td></tr><tr><td></td><td>●</td><td>建议换行</td><td>预设换行部位</td><td> </td></tr><tr><td colspan="5">字体标记</td></tr><tr><td><STRONG></td><td>●</td><td>加重语气</td><td>产生字体加粗 Bold 的效果</td><td> </td></tr><tr><td><B></td><td>●</td><td>粗体标记</td><td>产生字体加粗的效果</td><td> </td></tr><tr><td><EM></td><td>●</td><td>强调标记</td><td>字体出现斜体效果</td><td> </td></tr><tr><td><I></td><td>●</td><td>斜体标记</td><td>字体出现斜体效果</td><td> </td></tr><tr><td><TT></td><td>●</td><td>等宽字体</td><td>Courier字体,字母宽度相同</td><td> </td></tr><tr><td><U></td><td>●</td><td>加下划线</td><td>加下划线</td><td>反对</td></tr><tr><td><H1></td><td>●</td><td>一级标题标记</td><td>将字体变大,级数越高越小</td><td> </td></tr><tr><td><H2></td><td>●</td><td>二级标题标记</td><td>将字体变大</td><td> </td></tr><tr><td><H3></td><td>●</td><td>三级标题标记</td><td>将字体变大</td><td> </td></tr><tr><td><H4></td><td>●</td><td>四级标题标记</td><td>将字体变大</td><td> </td></tr><tr><td><H5></td><td>●</td><td>五级标题标记</td><td>将字体变大</td><td> </td></tr><tr><td><H6></td><td>●</td><td>六级标题标记</td><td>将字体变大</td><td> </td></tr><tr><td></td><td>●</td><td>字体标记</td><td>设定字体、大小、颜色</td><td>反对</td></tr><tr><td></td><td>○</td><td>基准字体标记</td><td>设定所有字体、大小、颜色</td><td>反对</td></tr><tr><td><BIG></td><td>●</td><td>字体加大</td><td>令字体稍微变大</td><td> </td></tr><tr><td><SMALL></td><td>●</td><td>字体缩小</td><td>令字体稍微缩小</td><td> </td></tr><tr><td><STRIKE></td><td>●</td><td>加删除线</td><td>为文字加删除线</td><td>反对</td></tr><tr><td><CODE></td><td>●</td><td>程式码</td><td>字体稍微加宽如<TT></td><td> </td></tr><tr><td><KBD></td><td>●</td><td>键盘字</td><td>字体稍微加宽,单一空白</td><td> </td></tr><tr><td><SAMP></td><td>●</td><td>范例</td><td>字w稍榧如<TT></td><td> </td></tr><tr><td><VAR></td><td>●</td><td>变量</td><td>斜体效果</td><td> </td></tr><tr><td><CITE></td><td>●</td><td>斜体标记</td><td>斜体效果</td><td> </td></tr><tr><td><BLOCKQUOTE></td><td>●</td><td>向右缩排</td><td>文字向右缩排</td><td> </td></tr><tr><td><DFN></td><td>●</td><td>述语定义</td><td>斜体效果</td><td> </td></tr><tr><td></td><td>●</td><td>地址标记</td><td>斜体效果</td><td> </td></tr><tr><td><SUB></td><td>●</td><td>下标字</td><td>文字下标</td><td> </td></tr><tr><td><SUP></td><td>●</td><td>上标字</td><td>文字上标</td><td> </td></tr><tr><td colspan="5"><B>清单标记</B></td></tr><tr><td></td><td>●</td><td>顺序清单</td><td>清单项目将以数字、字母顺序排列</td><td> </td></tr><tr><td></td><td>●</td><td>无序清单</td><td>清单项目将以实心圆点作为符号排列</td><td> </td></tr><tr><td></td><td>○</td><td>清单项目</td><td>清单中的项目,一个标记一行</td><td> </td></tr><tr><td><MENU></td><td>●</td><td>选项清单</td><td>可用type参数指定项目符号。</td><td>反对</td></tr><tr><td></td><td>●</td><td>目录清单</td><td>与<div class="khw">html5自适应手机注册源码,vscode函数不跳转,ubuntu偶尔卡死,tomcat换8888,sqlite3 脚本编程,卡系统一般用什么前端框架,爬虫垫材玉米芯价格,php 重命名图片,荆门餐饮seo推广,传奇网站素材,论坛网页代码大全,左分栏导航 博客模板lzw</div><menu>相同</td><td>反对</td></tr><tr><td></td><td>●</td><td>定义清单</td><td>清单分两层出现</td><td> </td></tr><tr><td></td><td>○</td><td>定义条目</td><td>清单项标题</td><td> </td></tr><tr><td></td><td>○</td><td>定义内容</td><td>清单项内容</td><td> </td></tr><tr><td colspan="5"><B>表格标记</B></td></tr><tr><td><table></td><td>●</td><td>表格标记</td><td>设定该表格的各项参数</td><td> </td></tr><tr><td><CAPTION></td><td>●</td><td>表格标题</td><td>做成一打通列以填入表格标题</td><td> </td></tr><tr><td><TR></td><td>●</td><td>表格列</td><td>设定该表格的列</td><td> </td></tr><tr><td><TD></td><td>●</td><td>表格栏</td><td>设定该表格的栏</td><td> </td></tr><tr><td><TH></td><td>●</td><td>表格标头</td><td>相等于<TD>,但其内文字字体会变粗</td><td> </td></tr><tr><td colspan="5"><B>表单标记</B></td></tr><tr><td></td><td>●</td><td>表单标记</td><td>决定该表单的运作模式</td><td> </td></tr><tr><td><TEXTAREA></td><td>●</td><td>文字框</td><td>提供文字输入栏</td><td> </td></tr><tr><td></td><td>○</td><td>输入标记</td><td>决定输入形式</td><td> </td></tr><tr><td></td><td>●</td><td>选择标记</td><td>建立弹出卷动清单</td><td> </td></tr><tr><td></td><td>○</td><td>选项</td><td>每一个清单选项</td><td> </td></tr><tr><td colspan="5"><B>图形标记</B></td></tr><tr><td><IMG></td><td>○</td><td>图形标记</td><td>用来插入图形及设定图形属性</td><td> </td></tr><tr><td colspan="5"><B>链接标记</B></td></tr><tr><td></td><td>●</td><td>链接标记</td><td>加入链接</td><td> </td></tr><tr><td></td><td>○</td><td>基准标记</td><td>可将相对 URL 转绝对及指定链接</td><td> </td></tr><tr><td colspan="5"><B>框架标记</B></td></tr><tr><td></td><td>●</td><td>框架设定</td><td>设定框架</td><td> </td></tr><tr><td></td><td>○</td><td>窗口设定</td><td>设定框架中的窗口</td><td> </td></tr><tr><td></td><td>○</td><td>页内框架</td><td>于网页中插入框架</td><td>IE</td></tr><tr><td></td><td>●</td><td>不支持框架</td><td>设定浏览器不支持框架时的提示</td><td> </td></tr><tr><td colspan="5"><B>影像地图</B></td></tr><tr><td><MAP></td><td>●</td><td>影像地图名称</td><td>设定影像地图名称</td><td> </td></tr><tr><td></td><td>○</td><td>链接区域</td><td>设定各链接区域</td><td> </td></tr><tr><td colspan="5"><B>多媒体</B></td></tr><tr><td></td><td>○</td><td>背景声音</td><td>令背景播放音乐或声音</td><td>IE</td></tr><tr><td></td><td>○</td><td>多媒体</td><td>加入声音、音乐或影像</td><td> </td></tr><tr><td colspan="5"><B>其他标记</B></td></tr><tr><td></td><td>●</td><td>走马灯</td><td>令文字走动</td><td>IE</td></tr><tr><td></td><td>●</td><td>闪烁文字</td><td>令文字闪烁</td><td>NC</td></tr><tr><td></td><td>○</td><td>页内寻找器</td><td>可输入关键字寻找该页</td><td>反对</td></tr><tr><td></td><td>○</td><td>开头说明</td><td>提供关于此页的信息给浏览器</td><td> </td></tr><tr><td></td><td>○</td><td>关系定义</td><td>定义该文件与其他 URL 的关系</td><td> </td></tr><tr><td colspan="5">StyleSheet</td></tr><tr><td></td><td>●</td><td>式样表</td><td>控制网页版面</td><td> </td></tr><tr><td></td><td>●</td><td>自订标记</td><td>独立使用或与样式表一起用</td><td> </td></tr></table><p><B>备 注: </B></p><p>1、● 表示该标记属于围堵标记,即需要结束标记。</p><p>2、○ 表示该标记属空标记,即不需要结束标记。</p><p>3、IE 表示该标记只适应于 Internet Explorer。</p><p>4、NC 表示该标记只适用于 Netscape Communicator。</p><p>5、反对 表示该标记不为 W3C 所赞同,通常这标记是微软或网景自订,且已被大家支持,只是 HTML 标准中有其它功能相同或更好的选择。</p><p>6、弃用 表示该标记已被 W3C 所抛弃,是过时的标记,但 HTML 有向下兼容性,所以浏览器仍然支持。</p><p>7、新 表示该标记是 HTML 4.0 中新增的。</p><p>如果感觉不是很详细可以参考下下面的文章 HTML元素(标签)大全及使用介绍 都可以参考下</p><p>——本文早期转自网络,无法溯源,未标明出处,特别说明。</p> <div class="tag"> <a href="https://www.liuzhongwei.com/tags/d101524" rel="tag">HTML标记</a></div> </div><!-- .entry-content --> <hr> <header class="lbox"> <div class="post-content"> <span style="float:left;padding-right:10px;"><a href="https://www.liuzhongwei.com/page/21722.html" rel="bookmark" title="使用整洁的HTML标记构建页面【HTML】"> <img src="https://liuzhongwei2023.oss-cn-shanghai.aliyuncs.com/uploads/wpic/w00889.jpg" alt="HTML标记一览表及用法说明【HTML】" /> </a></span> <li><a href="https://www.liuzhongwei.com/page/21722.html" rel="bookmark" title="使用整洁的HTML标记构建页面【HTML】">使用整洁的HTML标记构建页面【HTML】</a></li> <p>使用整洁的HTML标记构建页面【HTML】 | 使用整洁的HTML标记构建页面【HTML】 ... </p> </div> </header> <header class="lbox"> <div class="post-content"> <span style="float:left;padding-right:10px;"><a href="https://www.liuzhongwei.com/page/21543.html" rel="bookmark" title="常见的HTML标记错误写法【HTML】"> <img src="https://liuzhongwei2023.oss-cn-shanghai.aliyuncs.com/uploads/wpic/w00889.jpg" alt="HTML标记一览表及用法说明【HTML】" /> </a></span> <li><a href="https://www.liuzhongwei.com/page/21543.html" rel="bookmark" title="常见的HTML标记错误写法【HTML】">常见的HTML标记错误写法【HTML】</a></li> <p>常见的HTML标记错误写法【HTML】 | 常见的HTML标记错误写法【HTML】 ... </p> </div> </header> <header class="lbox"> <div class="post-content"> <span style="float:left;padding-right:10px;"><a href="https://www.liuzhongwei.com/page/21544.html" rel="bookmark" title="跨浏览器开发经验总结(一) HTML标记 【HTML】"> <img src="https://liuzhongwei2023.oss-cn-shanghai.aliyuncs.com/uploads/wpic/w00889.jpg" alt="HTML标记一览表及用法说明【HTML】" /> </a></span> <li><a href="https://www.liuzhongwei.com/page/21544.html" rel="bookmark" title="跨浏览器开发经验总结(一) HTML标记 【HTML】">跨浏览器开发经验总结(一) HTML标记 【HTML】</a></li> <p>跨浏览器开发经验总结(一) HTML标记 【HTML】 | 跨浏览器开发经验总结(一) HTML标记 【HTML】 ... </p> </div> </header> <footer class="entry-footer"> <span class="cat-links">Posted in 未分类</span> | <span class="tags-links">Tagged <a href="https://www.liuzhongwei.com/tags/d101524" rel="tag">HTML标记</a></span> </footer><!-- .entry-footer --> <!-- #post-## --> <nav class="navigation post-navigation" aria-label="文章"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"><div class="nav-previous"><a href="https://www.liuzhongwei.com/page/1253153.html" rel="prev">mysql怎么在运行建数据库 |mac mysql如何卸载</a></div><div class="nav-next"><a href="https://www.liuzhongwei.com/page/428356.html" rel="next">微信多开神器苹果,苹果手机微信可以多开吗 – 微信多开 – 前端|</a></div></div> </nav> </main><!-- #main --> </section><!-- #primary --> <aside id="secondary" class="widget-area col-sm-12 col-md-12 col-lg-4" role="complementary"> <hr> <section id="block-4" class="widget widget_block"> <hr class="wp-block-separator has-alpha-channel-opacity"/> </section></aside><!-- #secondary --> </div><!-- .row --> </div><!-- .container --> </div><!-- #content --> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="container"> <div class="site-info"> © 牛的日记 | www.liuzhongwei.com <br> 网站部分内容来源于网友供稿,若有侵权请联系删除,970928#QQ.com<br> </div><!-- close .site-info --> </div> </footer><!-- #colophon --> </div><!-- #page --> <!--colorcode_start--> <script type="text/javascript" src="https://www.liuzhongwei.com/wp-content/plugins/colorcode/js/wp-colorcode.js?ver=20121102"></script> <script type="text/javascript"> window.onload = function() { DlHighlight.HELPERS.highlightByName('colorcode', 'pre','', false); } </script> <!--colorcode_end--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?362c2492cf3ac506a1c032629e391abd"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>