首先要知道html标签的一些特点:
1.类似“<关键字>”这样由尖括号包关键字组成,例如<html>,<div>……
2.一般是成对出现的,由开始标签类似“<div>元素内容</div>”,左边标签一边叫开始标签,右边</ >叫结束标签,有始有终,除了一些个别是单闭合标签的
先记一些个别例外的单闭合标签,例如:
| <meta /> | 设置页面信息的 | <param /> | 可为包含它的<object>或<applet>提供参数 | |
| <br /> | 换行 | <keygen /> | 定义生成密钥 | |
| <hr /> | 水平线 | <source /> | 为媒介元素(如<video>或<audio>)定义媒介源 | |
| <area /> | 图像映秀区域 | <col /> | 为表格中一个或多个列定义属性值 | |
| <input /> | 表单元素,type不同输入字段拥有不同形式 | <frame /> | 定义frameset中的一个特定的窗口(框架) | |
| <link /> | 链接样式表 | <embed /> | 定义嵌入的内容,比如插件 | |
| <basefont /> | 定义基准字体,html5不支持<basefont>标签,不赞成使用 | ...... |
下面按不同效果将标签进行分类:
1.字体效果
| <h1>…</h1> | 标题1(最大)一级级往下字体变小,网页一般从h1~h4,h4之后一般不会用了 | <s>…</s> | 删除线 | |
| <h6>…</h6> | 标题6(最小) | <del>…</del> | 删除线(表示删除) | |
| <b>…</b> | 粗体字 | <kbd>…</kbd> | 键盘文字 | |
| <strong>..</strong> | 粗体字(强调) | <tt>…</tt> | 打字体 | |
| <i>…</i> | 斜体字 | <xmp>…</xmp> | 固定宽度字体(在文件中空白、换行、定位功能有效) | |
| <em>…/em> | 斜体字(强调) | <plaintext>…</plaintext> | 固定宽度字体(不执行标记符号) | |
| <dfn>...</dfn> | 斜体字(表示定义) | <listing>…</listing> | 固定宽度小字体 | |
| <u>…</u> | 底线 | <font color=00ff00>…</font> | 字体颜色(写成类似color=“#00ff00”也可以) | |
| <ins>...</ins> | 底线(表示插入文字) | <font size=1>…</font> | 最小字体 | |
| <strike>…</strike> | 横线 | <font style=font-size:100 px></font> | 无限增大(字体大小为100px) |
2.区断标记
| <hr /> | 水平线 | <nobr>…</nobr> | 禁止换行,No Break的缩写 | |
| <hr size=9 /> | 水平线(设定大小) | <p>…</p> | 段落 | |
| <hr width=80% /> | 水平线(设定宽度) | <center>…</center> | 对其包围的文本进行居中设置 | |
| <hr color=00ff00 /> | 水平线(设定颜色) | |||
| <br /> | 换行 |
3.链接
| <base href=地址> | 为页面上的所有链接规定默认地址或默认目标 | <a href=地址 target=_top></a> | 指定超链接目标的 URL(全窗口连接) | |
| <a href=地址></a> | 指定超链接目标的 URL | <a href=地址 target=页框名></a> | 指定超链接目标的 URL(在指定页框连接) | |
| <a href=地址 target=_blank></a> | 指定超链接目标的 URL(另开新窗口) |
4.图像/音乐
| <img src=图片地址 /> | 往网页贴图片 | <img src=图片地址 border=1 /> | 设定贴的图片边框 | |
| <img src=图片地址 width=180 /> | 设定贴的图片宽度 | <bgsound src=MID音乐文件地址 /> | 背景音乐设定 | |
| <img src=图片地址 height=30 /> | 设定贴的图片高度 |
5.表格
| <table aling=left>…</table> | 表格位置,置左 | <table cellpadding=参数>…</table> | 指定网格线与网络线之间的距离(使用数字) | |
| <table aling=center>…</table> | 表格的位置,置中 | <table cols=参数>…</table> |
更多精彩内容其他人还在看
Table相关整理及Javascript操作table,tr,td很多人都有这种经历:当某个td中没有内容或者没有可见元素时,td的border也会消失。本文将给出解决方案,感兴趣的朋友可以了解下,或许本文对你有所帮助
收藏 0赞 0分享 td 内容自动换行 table表格td设置宽度后文字太多自动换行table表格td设置宽度后文字太多导致自动换行,这是一个很常见的问题,或许很多的网友已经有了好的解决方法,如果依然有童鞋们不会的,可以参考下本文,可能会有意外的收获
收藏 0赞 0分享 html4和html5区别之如何在一个input上添加焦点实现代码如何在一个input上添加焦点,有很多的实现方法,本文分别用html4和html5做了下演示,感兴趣的朋友可以参考下,或许本文对你有所帮助
收藏 0赞 0分享 纯css为select添加样式(无脚本)实现改变select默认的样式,一般情路情况下通过ul,li来模拟来实现;Jquery插件也是这样,接下来介绍一种不写脚本,只用单纯的css来实现。在IE系列下,选中某个选项的时候会有背景色块,IE7-IE10都有此bug,感兴趣的朋友可以参考下啊
收藏 0赞 0分享 iframe的src赋值问题(服务器端)frame的src赋值的问题,本文将进行详细探讨:服务器端的iframe重新src重新赋值,给iframe加一个ID,再加上runat=server,感兴趣的你可不要错过了哈
收藏 0赞 0分享 iframe的src设置为about:blank之后细节探讨不设置为about:blank,内存不会释放掉。还必须用 iframe.document.write(''); 这样才能将内容清空,本文将详细探讨一下iframe的src设置为about:blank之后细节,感兴趣的你可不要错过了哈
收藏 0赞 0分享 无法定义IE6字体:13px大小无效,IE6自动显示更大的字体的解决方法前些天调整网页一个模块的时候将页面字体的大小设置为13px大小了,由于当时用的是Chrome浏览器以及IE8,并没有发现原来font-size:13px在IE6下居然不听使唤总是自动显示为一个更大的大小,变现上又及其难看
收藏 0赞 0分享 为何html中嵌入mp4格式视频播放不了只是在页面中加载了一个播放器的样子,各个按钮都不管用,不知道是哪个地方出了问题,很是郁闷,于是搜集整理下,拿出来和大家分享,希望可以帮助你们
收藏 0赞 0分享 |