HTML笔记一,部分经常使用的元素与属性

HTML中的经常使用元素与属性
<hr>:定义一条水平线
<div>:定义文档中的节,默认换行
<span>:定义一个节,但不换行html

对文字的格式化元素:
<b>:定义粗体文本
<i>:定义斜体文本
<em>:定义强调文本
<strong>:定义粗体文本,与<b>基本相似,不过改行的行间距较大
<sup>:定义上标文本
<sub>:定义下标文本
<bdo>:定义文本显示方向,能够指定dir属性,能够是ltr或者rtl框架

语义相关元素
<abbr>:用于表示一个缩写,<abbr title=“疯狂讲义”></abbr>
<address>:用于表示一个地址,该处的地址显示会使用斜体字
<blockquote>:用于定义一段长的引用文本
<q>:用于定义一段短的引用文本,自动添加引号
<cite>:用于表示做品的标题,会使用斜体字显示
<code>:用于表示一段计算机代码
<dfn>:用于定义一个专业术语,会使用粗体或者斜体字显示
<del>:定义被删除的文本
<ins>:定义插入的文本
<pre>:全部的空格,回车,TAB键和其余字符都会被保留下来
<samp>:用于定义示范文本内容
<kbd>:定义键盘文本
<var>:定义一个变量,使用斜体字显示ide

超连接或者锚点
href属性:用于表示超连接所关联的另外一个资源
target属性:四个值:_self,_blank,_top,_parent分别表示自身,新窗口,顶层框架,父框架来装载新资源
media属性:指定目标所使用的媒体类型spa

列表相关的元素
<ul>:定义无序列表
<ol>:定义有序列表,能够指定如下三个属性:start,指定列表的起始数字;type指定使用哪一种类型的编号(1表示数字,A或者a表示字母,I或者i表示罗马数字);reversed指定是否能够将顺序反转(目前不支持该属性)
<li>:定义列表项目
<dl>:定义列表,只能包含dt,dd两种子元素。
<dt>:定义标题列表项
<dd>:定义普通列表项code

图像相关的元素
img下:
src属性:指定图片文件所在的位置
alt属性:指定一段文本,做为该图片的提示信息
height,weight属性:定义图片的高度和宽度,可选项。
<map>用于定义图片的映射
<area>用于定义图片映射的内部区域:
shape属性:指定该区域的内部区域
coords属性:指定多个坐标值来肯定区域位置
href属性:肯定该区域所链接的资源
alt属性:指定一段文本,做为该图片的提示信息
target属性:与以前的target属性一致
media属性:与以前的media属性一致htm

表格相关元素
<table>:用于定义表格
cellpadding指定单元格内容和单元格边框之间的间距
cellspacing指定单元格之间的间距
width指定表格宽度
<caption>:用于定义表格标题
<tr>:定义表格行
colspan:指定该单元格跨多少列
rowspan:指定该单元格跨多少行
height,weight
<th>:定义表格页眉的单元格,与<td>相似,只是显示不彻底同样,<th>所显示的文字是居中的
<tbody>:定义表格的主体
<thead>:定义表格头
<tfoot>:定义表格脚
其中,thead,tfoot,tbody,应当按照这样的顺序来编辑,而且,这三个只能在table下才能使用。图片

框架相关元素
<iframe>:用于在普通html页面中生成一个内联框架 ci

HTML5新增的通用功能
contentEditable属性:若是是true则表示容许开发者直接修改该html内的元素
designMode属性:至关于一个全局的contentEditable属性,默认是off,若是设置为on,则全部可支持contentEditable属性的元素都变成可编辑状态(document.designMode=‘on’)
hidden属性:若为true则表示该组件不显示,也不会保留该组件所占用的空间。至关于CSS中的display:none。
spellcheck属性:为input,textarea等元素添加了spellcheck属性,能够执行输入检验资源

文档结构元素
<article>:用来表示一篇文章,是一片独立的文档内容。
<section>:对页面的内容进行分块
<nav>:定义导航条
<aside>:定义当前页面或当前文章的附属信息
<header>:定义头部信息
<hgroup>:主要为了组织h1~h6这样的标题元素
<footer>:定义脚注部分
<figure>:表示一块独立的图片区域,内部能够包含多个img所表示的图片
<figcaption>:定义在figure内部,来表示图片区域的标题开发

相关文章
相关标签/搜索