H5学习之路-------二:元素

HTML中的元素很多,先总结下以前的,后面会详细的记录新元素的使用;

一:以往的元素

不完全统计html中总共有119个元素,在这记录下常用的元素是做什么的,复杂点的会写个例子;

 

  1. <html>:定义HTML文档,定义文档的开始和结束;
  2. <head>:定义关于文档的信息;
  3. <title>:定义文档的标题;
  4. <meta>:定义关于HTML文档的原信息,例如网页的关键字,编码,描述等;
  5. <base>:定于页面中所有链接的默认地址;
  6. <body>:定义文档的主体,所以“可呈现属性”都不建议使用,都可以用样式来代替;
  7. <form>:定义一个表单,用于向服务器传输数据,能包括文本框,单选框,复选框,按钮,菜单等等;
  8. <input>:定义一个输入框,根绝type属性,可以是button、checkbox、file、hidden、image、password、radio、reset、submit、text;
  9. <textarea>:定义一个多行的文本输入框,可以容纳无限数量的文本,在文本框中用“%OD/OA”进行"回车/换行";
  10. <fieldset>:定义一个围绕表单元素的边框;
  11. <legend>:定义fieldset围绕边框的标题;
  12. <label>:定义一个文本标签,为input元素的标记;
  13. <button>:定义一个按钮,按钮类型有button、reset、submit,不同的浏览器会提交不同的按钮值,建议使用input元素来创建按钮;
  14. <select>:定义一个下拉列表,可用于在表单中接受用户输入;
  15. <option>:定义选择列表select中的选项,如果列表选项很多,可以用元素<optgroup>对相关项目进行组合;
  16. <optgroup>:定义选择列表中相关选项的组合;
  17. <frameset>:定义框架集;
  18. <frame>:定义框架集的窗口或框架;
  19. <iframe>:定义内联框架;
  20. <noframes>:定义不支持框架的用户的替代内容
  21. <img>:定义一个图片
  22. <a>:定义锚;
  23. <link>:定义一个与外部文档资源的链接
  24. <ul>:定义一个无序列表;
  25. <ol>:定义一个有序列表;
  26. <li>:定义列表中的项目;
  27. <menu>:顶一个菜单列表;
  28. <menuitem>:定义菜单列表中的菜单项目;
  29. <dl>:用于定义一个定义列表;
  30. <dt>:定义定义列表中的项目,指定名称,是内联元素(t - title);
  31. <dd>:定义定义列表中项目的描述,块级元素(d - define)。dl dt dd一般一起使用,通常用来描述一些术语定义;
  32. <pre>:用于定义预格式化的文本,定义在该元素中的文本通常保留空格和换行符,且文本呈现等宽字体,可以用以显示计算机源码。
  33. <p>:定义段落,会自动在前后添加一些空白,也可样式来控制;
  34. <h1> ~ <h6>:定义html标题,数字越大字体越小,<h1>字体最大的标题,<h6>字体最小的标题,同一行中建议不要用h标签来改变字体大小,可以用样式替换;
  35. <hr>:定义水平线;
  36. <br>:定义换行符,没有结束标签。<br>只是简单的换行,<p>则会在两个段落间有垂直间距;
  37. <b>:定义粗体文本,同样的效果,优先考虑<h1>~<h6>等;
  38. <big>:定义大号字体,可以使字体元素内的字体大一号,可以嵌套使用,字体上限为7。不支持<big>元素的浏览器最后解析为加粗;
  39. <small>:定义小号字体,使用方法和<big>一样,不过是把字体缩小一个号,
  40. <i>:定义斜体文本,效果和<em>类似,
  41. <tt>:定义打印机或等宽的文本字体
  42. <code>:定义计算机代源代码或者其他机器可以阅读的文本内容,浏览器显示为等款字体Courier,<pre>也可以用于显示计算机源码;
  43. <var>:定义变量,常于<code>、 <pre>一起使用。这个标签不仅可以使得文档更易理解和浏览,而且还可以使浏览器更好的利用这些标签;
  44. <dfn>:定义定义项目,标记那些特殊术语或短语的定义,显示为斜体;
  45. <em>:把文本定义为强调内容,在浏览器上显示问斜体;
  46. <strong>:把文本定义为语气更强的强调内容,强调程度比em更强,在浏览器上显示为加粗的斜体;
  47. <samp>:定义样本文本,主要用于从正常的上下文中将某些短字符序列提取出来,并对他们加以强调,例如ae会被转化为连字符æ;
  48. <kdb>:定义键盘文本,表示文本是从箭盘山键入的,长用于与计算机相关的文本,例如:
    <!-- 键入quit 来退出程序-->
    键入 <kbd>quit</kbd> 来退出程序
  49. <cite>:定义引用,比如数据或杂志的标题,引用的文本用斜体显示。
  50. <font>:定义文本的字体(face)、尺寸(size)和颜色(color),现在建议用样式来替代<font>;
  51. <i>:定义斜体文本;
  52. <u>:定义下划线文本,应避免使用,容易和超链接弄混;
  53. <q>:定义短的引用,通常浏览器显示为在引用的周围添加引号;
  54. <blockquote>:定义标签块引用,引用快会提取出来,拥有自己的空间,左右缩进,有时会使用斜体。简短的行内引用用<q>,需要从周围内容中分离出来较长的部分时使用<blockquote>;
  55. <s>、<strike>:定义加删除线的文本,这两个前者是后者的简写,这两个元素不推荐使用,现用<del>替代
  56. <sup>:定义上标文本,可用于向文档中添加注脚,或用于表示方程式中的指数;
  57. <sub>:定义下标文本,使用效果如图:
  58. 未完待续

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值