后端码农谈前端(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的流程图.从该图我们可 ...
随机推荐
- SAFS Init Files
There're many deployment files for configuration. We need to learn how SAFS read these depolyment fi ...
- 结构体快排回顾(sort)
一般来说,我做竞赛的时候排序一般用快排 很快很方便 普通sort(从小到大) sort(a,a+n); 直接贴一段代码吧,包含了vector,sort,结构体等简单东西综合 #include < ...
- 正在开发纯BS的可在线编辑内容的电子病历编辑器
在线电子病历编辑器功能预览,支持Firefox/Chrome/Opera/UC/IE/Safari.演示地址 http://www.dcwriter.cn:9090/ 在WINFORM.NET中的效果 ...
- HOWTO: InstallScript MSI工程取Log
InstallShield的各种类型安装包如果遇到安装问题(尤其是在客户安装时遇到问题),获取Log分析是最有效的方法之一. 对于封装一个Setup.exe的InstallScript MSI工程,我 ...
- Entity Framework Code First迁移基本面拾遗
项目中用到了EF Code First和迁移,但发现有些方面似懂非懂.比如:如何在迁移文件中控制迁移过程?如果在迁移文件中执行SQL语句?如何使用Update-Database的其它参数?数据库在生产 ...
- windows 2012 试用180天
windows server 2012 官方下载,可以使用180天, 快到期的时候执行以下命令 slmgr.vbs -rearm
- Mac前端抓包小工具Charles4.0下载
链接: https://pan.baidu.com/s/1skPxdNJ 密码: 7iwp 使用方法:安装完主程序后,将dmg包里charles.jar拖至/Applications/Charles. ...
- A Brief History of Scaling LinkedIn
原文地址 LinkedIn started in 2003 with the goal of connecting to your network for better job opportuniti ...
- MYSQL INSERT INTO SELECT 不插入重复数据
INSERT INTO `b_common_member_count` (uid) SELECT uid FROM `b_common_member` WHERE uid NOT IN (SELECT ...
- asp.net 多个文件同时下载
1.首先读取文件夹下的文件,可能同时存在多个文件 2.选中文件,然后点击下载,同时可以选择多个文件. 思路:通过生产压缩包的形式进行下载,然后再清楚压缩包,这样用户可以一次性全部下载下来. 一.获取目 ...