后端码农谈前端（HTML篇）第二课：常见元素
一、根元素
| <doctype> | 定义文档类型。 |
| <html> | 定义 HTML 文档。 |
二、元数据元素
| <head> | 定义关于文档的信息。 |
| <meta> | 定义关于 HTML 文档的元数据。 |
| <link> | 定义文档与外部资源之间的关系，一般用于引入样式表。 |
| <base> | 定义页面上所有链接的默认地址或默认目标。 |
| <title> | 定义文档标题。 |
| <style> | 定义文档的样式信息。 |
三、脚本元素
| <script> | 定义客户端脚本。 |
| <noscript> | 定义当浏览器不支持脚本的时候所显示的内容 |
四、块元素
| <body> | 定义文档的主体。 |
| <h1>、<h2>...<h6> | 定义文档标题。 |
| <p> | 定义文档段落。 |
| <blockquote> | 定义块引用。 |
| <ul>、<ul>、<dl> | 定义列表。 |
| <table> | 定义表格。 |
1、列表元素
- 无序列表
<ul> 定义无序的列表。 <li> 定义列表项。 - 有序列表
<ol> 定义有序的列表。 <li> 定义列表项。 - 定义列表
<dl> 定义定义列表。 <dt> 定义定义术语。 <dd> 定义定义描述。
2、表格元素
| <table> | 定义表格。 |
| <thead> | 定义表格的页眉。 |
| <tbody> | 定义表格的主体。 |
| <tfoot> | 定义表格的页脚。 |
| <th> | 定义表格的表头行。 |
| <tr> | 定义表格的行。 |
| <td> | 定义表格单元。 |
五、文本元素
1、文本格式化元素
| <em> | 定义着重文字。 |
| <strong> | 定义加重语气。 |
| <sup> | 定义上标字。 |
| <sub> | 定义下标字。 |
| <ins> | 定义插入字。 |
| <del> | 定义删除字。 |
| <b> | 定义粗体文本。 |
| <i> | 定义斜体文本。 |
| <big> | 定义大号字。 |
| <small> | 定义小号字。 |
2、“计算机输出”标签
| <code> | 定义计算机代码。 |
| <kbd> | 定义键盘码。 |
| <pre> | 定义预格式文本。 |
3、引用、引用和术语定义
| <q> | 定义简短引用。 |
| <blockquote> | 定义长引用。 |
| <address> | 定义地址。 |
六、链接与图像
| <a> | 定义超链接 |
| <img> | 定义图像。 |
| <map> | 定义图像地图。 |
| <area> | 定义图像地图中的可点击区域。 |
七、<div> 和 <span>
| <div> | 定义文档中的分区或节（division/section）。 |
| <span> | 定义 span，用来组合文档中的行内元素。 |
八、框架
| <frameset> | 定义如何将窗口分割为框架。（注：<frameset>元素只能嵌套在<html> 元素或<frameset>元素自身中！） |
| <frame> | 定义放置在每个框架中的 HTML 文档。 |
九、内联框架
| <iframe> | 定义内联的子窗口（框架）。 |
十、表单元素
| <form> | 定义供用户输入的表单。 |
| <input> | 定义输入域。 |
| <textarea> | 定义文本域 (一个多行的输入控件)。 |
| <lable> | 定义一个控制的标签。 |
| <select> | 定义一个选择列表。 |
| <option> | 定义下拉列表中的选项。 |
| <optgroup> | 定义选项组。 |
| <button> | 定义一个按钮。 |
| <fieldset> | 定义域。 |
| <legend> | 定义域的标题。 |
后端码农谈前端（HTML篇）第二课：常见元素的更多相关文章
- 后端码农谈前端（CSS篇）第二课：CSS的5个来源
0.浏览器默认样式 当你不为html元素设置任何样式时,显示在浏览器上的(比如:<b>元素会显示粗体.<p>元素有纵向margin.<h1>元素字号比<p&g ...
- 后端码农谈前端（CSS篇）第七课：定位与浮动
一.定位: 1.定位的理解 (1)相对定位 相对定位是一个非常容易掌握的概念.如果对一个元素进行相对定位,它将出现在它所在的位置上.然后,可以通过设置垂直或水平位置,让这个元素"相对于&qu ...
- 后端码农谈前端（HTML篇）第一课：HTML概述
一.什么是HTML? HTML不是编程语言,是用来描述网页文档(页面结构)的一种标记语言: HTML指超文本标记语言(Hyper Text Markup Language),之所以称为超文本标记语言, ...
- 后端码农谈前端（CSS篇）第八课：继承与层叠
一.继承 继承:所谓CSS样式继承,就是子元素应用父元素的规则声明.(由这一特性,可将CSS属性分为可继承属性和非可继承属性.)可继承属性:属性值可由父元素继承给子元素的属性称之为可继承属性. 哪些属 ...
- 后端码农谈前端（CSS篇）第六课：盒子模型
元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的背景.内边距的边缘是边框.边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素. 提示:背景应用于由内容和内边距.边 ...
- 后端码农谈前端（CSS篇）第五课：CSS样式
一.背景: CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果. 1.背景色 可以使用 background-color 属性为元素设置背景色.这个属性接受任何合法的颜色值. 例如: ...
- 后端码农谈前端（CSS篇）第四课：选择器补充（伪类与伪元素）
一.伪类: 属性 描述 :active 向被激活的元素添加样式. :focus 向拥有键盘输入焦点的元素添加样式. :hover 当鼠标悬浮在元素上方时,向元素添加样式. :link 向未被访问的链接 ...
- 后端码农谈前端（CSS篇）第三课：选择器
一.选择器 1.ID选择器: 语法:首先,ID 选择器前面有一个 # 号 - 也称为棋盘号或井号.请看下面的规则: *#intro {font-weight:bold;} 与类选择器一样,ID 选择器 ...
- 后端码农谈前端（CSS篇）第一课：CSS概述
一.从扮演浏览器开始 扮演浏览器是Head First图书中很有意义的一个环节.可作者忘记了告诉我们扮演浏览器的台本.我们从这里开始. 上图是webkit内核渲染html和css的流程图.从该图我们可 ...
随机推荐
- 在ArcGIS空间数据库中增加点数据的方法
1.新建一个mxd(ArcMAP)文件 2.从ArcCatalog中把要编辑的图层拖到ArcMAP中 3.从ArcCatalog中拖一个参照图层到ArcMAP中,比如临沂市的县级区划图 4.打开Edi ...
- Objective-C 语法之 static 关键字
转:http://www.apkbus.com/android-593-1.html 学习过Java 或者 C 语言的朋友应该很清楚static关键字吧?在某个类中声明一个static 静态变量, 其 ...
- iOS:界面适配(三)--iPhone不同机型适配 6/6plus 前
转:http://blog.csdn.net/houseq/article/details/40051207 对于不同苹果设备,各个参数查看<iOS:机型参数.sdk.xcode各版本>. ...
- 轻松搞定面试中的二叉树题目(java&python)
树是一种比较重要的数据结构,尤其是二叉树.二叉树是一种特殊的树,在二叉树中每个节点最多有两个子节点,一般称为左子节点和右子节点(或左孩子和右孩子),并且二叉树的子树有左右之分,其次序不能任意颠倒.二叉 ...
- 今日 使用ajaxfileupload 异步上传 但是在IE下面 会弹出下载框
本来以为ajaxfileupload.js的问题 后来发现 其实是 后台代码返回来的时候 修改context.Response.ContentType = "text/html"; ...
- linq to entity 获取项的集合总数
IEnumerable<InspecReportsContextEntity> OnenewDate = lisConAll.Where(p => p.inspectime == t ...
- 原创:goldengate从11.2升级到12.1.2
goldengate从11.2升级到12.1.2 1.停止抽取进程 GGSCI (001.oracle.drs.dc.com) 286> stop EXTSJ01 2. 停止投递和复制进程 等待 ...
- Web service standards: SOAP, REST, OData, and more
Web service standards: SOAP, REST, OData, and more So far, we've covered the components of a web ser ...
- Crystal Reports 支持的纸张种类
DefaultPaperSize Paper10x14 254 x 355.6 mm Paper11x17 279.4 x 431.8 mm PaperA3 A3 ?,297 x 420 mm Pap ...
- .net_ckeditor+ckfinder的图片上传配置
CKEditor和CKFinder的最新版可以到官方网站(http://cksource.com)上下载获得. 把以上两个资源放到网站的根目录: /CKEditor 和 /CKFinder (不区分大 ...