后端码农谈前端（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的流程图.从该图我们可 ...
随机推荐
- gulp学习笔记3
gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 1.编译sass Sass 是一种 CSS 的开发工具,提供了许多便利的写法,大 ...
- python数据持久存储：pickle模块的使用
python的pickle模块实现了基本的数据序列和反序列化.通过pickle模块的序列化操作我们能够将程序中运行的对象信息保存到文件中去,永久存储:通过pickle模块的反序列化操作,我们能够从文件 ...
- Socket编程基本流程实践
通讯基本流程图如下所示: Server端代码(ServerDemo.cpp): #include <WinSock2.h> #include <Windows.h> #incl ...
- http 请求类
1.httpclient请求类 代理demo:http://hc.apache.org/httpcomponents-client-4.3.x/httpclient/examples/org/apac ...
- Android SDK下载和更新失败的解决方法【转】
启动 Android SDK Manager ,打开主界面,依次选择「Tools」.「Options...」,弹出『Android SDK Manager - Settings』窗口:在『Androi ...
- Linux每天定时重启Tomcat服务
1:查看crond 服务状态(确认Linux任务计划服务开启) service crond status crond (pid 1937) is running... 2:编写重启Tomcat的sh ...
- Scala 深入浅出实战经典 第77讲：模式匹配下的提取器动手构造实战
王家林亲授<DT大数据梦工厂>大数据实战视频 Scala 深入浅出实战经典(1-87讲)完整视频.PPT.代码下载:百度云盘:http://pan.baidu.com/s/1c0noOt6 ...
- Sublime Text 使用技巧
之前就一直在用Sublime Text 来作为默认的文本编辑工具,但也只是简单的用用,一些Sublime Text本身的快捷键什么的都没研究过,今天特地在网上看了一下,快捷键比较多,要想熟练运用还得在 ...
- Flipping elements with WPF
http://yichuanshen.de/blog/2010/11/13/flipping-elements-with-wpf/ Have you already seen ForgottenTim ...
- 【规范】javascript 变量命名规则
javascript 有三大经典的变量命名法:匈牙利命名法,驼峰式命名法和帕斯卡命名法.今天主要介绍下这三种命名方式. 匈牙利命名法 语法 变量名 = 类型 + 对象描述 类型指变量的类型 对象描述指 ...