书小宅之网页设计—

HTML常用标签

文档结构标签

<html>……</html> ：标识HTML文档的起始和终止。

<head>……</head> ：标识HTML文档的头部区域。

<body>……</body> ：标识HTML文档的主体区域。

文本格式标签

<title>……</title> ：标识网页标题。

<hi>……</hi> ：标识文档标题，表示第i级标题。

<p>……</p> ：标识文档中段落文本的内容。

<pre>……</pre> ：标识预定义文本。
- [x] <blockquote>……</blockquote> ：标识引用文本。

字符格式标签

<b>……</b> ：标识强调文本，加粗。

<i>……</i> ：标识引用文本，斜体。

<blink>……</blink> ：标识闪烁文本，闪烁，IE不支持。

<big>……</big> ：标识放大文本，放大。
- [x] <small>……</small> ：标识缩小文本，缩小。

<sup>……</sup> ：标识上标文本，上标。

<sub>……</sub> ：标识下标文本，下标。

<cite>……</cite ：标识引用文本，引用。

列表标签

有序列表和无序列表
先标识列表有序还是无序，再内嵌列表项目

<ul>……</ul>：标识无序列表。

<ol>……</ol> ：标识有序列表。

<li>……</li> ：标识列表项目。

定义列表：
搜索引擎认为dt元素包含的是抽象、概括或简练的内容，对应的dd元素包含的是与dt内容相关联的具体、详细或生动说明。
误区：（1）一个dt之下包含多个dd；（2）缺失dt或dd元素。

<dl>……</dl> ：标识定义列表，包括词条和解释两块内容。

<dt>……</dt> ：标识词条。

<dd>……</dd> ：标识解释。

链接标签

<a>……</a> ：标识超链接。
<a href="http://www.baidu.com">去百度搜索</a>
锚链接：定义锚点，定位到网页某个具体的位置
<a href="#btm">跳转到底部</a>
<span id="btm">底部锚点位置</span>

多媒体标签

**<img/>：嵌入图像。
<img src="data:images/1.jpg" width="343" height="220" alt=" "/>
<embed>……</embed> ：嵌入多媒体。

<object>……</object> ：嵌入多媒体。

表格标签

<table>……</table> ：定义数据表结构，其summary属性定义数据表格。

<caption>……</caption> ：定义表格标题。

<th>……</th> ：定义表头，列标题元素。

<tr>……</tr> ：定义表格行。
- [x] <td>……</td> ：定义表格单元格。

表单标签

<form>……</form> ：定义表单结构。

**<input/>：定义文本域、按钮和复选键。

<textarea>……</textarea> ：定义多行文本框。

<select>……</select> ：定义下拉列表。

<option>……</option> ：敌营下拉列表中的选择项目。

元素分类

结构语义

div ：在文档中定义一个包含框区域

span ：在文本种定义一个包含框区域，局部信息修饰。

ol ：有序列表。

ul ：无序列表。

li ：列表项。

dl ：定义列表，包括词条和解释两块内容。

dt ：定义词条。

dd ：定义词条的解释。

del ：定义删除的文本。

ins ：定义插入的文本。

hi ：定义不同级别的标题。

p ：定义段落结构。

*hr ：定义水平线。

结构语义

a ：定义锚，多页间定位。

abbr ：定义缩略词。

acronym ：定义取首字母的缩略词。

address ：定义地址。

dfn ：定义条目。

kbd ：定义键盘键。

samp ：定义样本。

var ：定义变量。

tt ：定义打印机字体。

code ：定义计算机源码。

pre ：定义预定义格式文本，保留源代码格式。

blockquote ：定义大块内容引用。

cite ：定义引文。

q ：引用短语。

strong：定义重要文本。

em：定义文本为重要。

修饰语义

b：定义粗体。

i：定义斜体。

big：定义文本增加。

small：定义文本缩小。

sup：定义文本上标。

sub：定义文本下标。

bdo：定义文本显示方向。

br：定义换行。

已废除的元素如下：

center：定义文本居中。

font：定义文字样式、大小和颜色。

u：定义文本下划线。

s：定义删除线。

strike：定义删除线。

属性分类

核心属性

class：定义类规则或样式规则。

id：定义元素的唯一标识。

style：定义元素的样式声明。

下面的元素不拥有核心语义属性

html：文档基本结构。

head：头部基本结构。

title：网页标题。

base：网页基准信息。

meta：网页元信息。

param：元素参数信息。

script：网页的脚本。

style：网页的样式。

语言属性

lang：定义元素的语言代码或编码。

dir：定义文本对齐方向，ltr表示从左向右，rtl表示从右向左。
<html xmlns="http://www.w1.org/1999/xhtml" dir="ltr" xml:lang="zh-CN">  简体中文
<body id="myid" lang="en-us">  美式英语
下面的元素不拥有语言语义属性

frameset、frame、iframe：网页框架结构。
- [x] br：换行标识。

hr：结构装饰线。

base：网页基准信息。

param：元素参数信息。

script：网页的脚本。

键盘属性

accesskey：定义访问某元素的键盘快捷键，（Alt+字母）访问指定的URL，IE浏览器中需要配合Enter使用。
<a href="http://www.mysite.cn/" accesskey="a">
*tabindex：定义元素的tab键索引编号，遍历时会按照tabindex的大小决定顺序，遍历到某一个链接时，按Enter键可以进入链接。

内容属性

alt：定义元素的替换文本，用在img，area，input元素无法正常显示时提供文本说明。

title：定义元素的提示文本，为元素提供额外的说明信息，当鼠标指针移动到元素上时，可以看到这些提示信息。

longdesc：定义元素包含内容的大段描述信息，可链接到包含图片秒速信息的单独页面或者长段描述信息，可以是文字或.html文档。
- [x] cite：定义元素包含内容的引用信息。
<blockquote cite="http://www.mysite.cn/csslayout.htm">
<p>这段文字引用自cite的属性值中的网址</p>
</blockquote >
datetime：定义元素包含内容的日期和时间。
<ins datetime="2014-5-1 8:0:0">ins标签定义发布时间</ins>

其他属性

rel：定义当前页面与其他页面的关系。

rev：定义其他页面与当前页面之间的链接关系。
appendix：链接到文档的附录页。

alternate：链接到一个备选的源。

bookmark：链接到一个书签。

chapter：从当前文档链接到一个章节。

contents：链接到当前文档的内容目录。

copyright：链接到当前文档的版权或隐私页面。

glossary：链接到当前文档述语表。

index：链接到当前文档的索引。

next：链接到集合中的下一个文档。

prev：链接到集合中的前一个文档。

section：链接到文档列表中的一个小节。

start：链接到当前文档的第一页。

subsection：链接到当前文档列表中的子小节。

head：链接到集合中的顶级文档。

toc：链接到集合的目录。

parent：链接到源上面的文档。

child：链接到源下面的文档。

target：定义超链接中设置浏览器如何显示目标文档。

敬请批评指正！

书小宅之网页设计——标签相关推荐

书小宅之网页设计——用之有道
网页标题title:title定义的标题仅是在浏览器标题栏中显示的信息.title作为属性用来定义提示文本. 网页内容的标题hi:一般一个网页应该只有一个一级标题(主标题),也就是说网页内容应该只用依 ...
书小宅之网页设计——二次贝塞尔曲线和三次贝塞尔曲线
贝塞尔曲线起始点和终止点在曲线上,方向控制点不再曲线上.二次贝塞尔曲线有一个控制点,三次贝塞尔曲线有两个控制点. 二次贝塞尔曲线定义和用法 quadraticCurveTo() 方法通过使用表示二次 ...
书小宅之网页设计CSS3——圆角矩形
圆角半径四个方向的参数都写时,对应的顺序是左上,右上,右下,左下. border-radius: 1-4 length|% / 1-4 length|%; 注释:按此顺序设置每个 radius 的四个 ...
书小宅之网页设计CSS3——多边形
CSS3绘制三角形和梯形 div的边框属性 border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式. 只有当这个值不是 none 时边框才可能出现. 1.border- ...
书小宅之概念汇总——胜读十年书
计算机基础世界上第一台电子计算机于1946年诞生于美国. 1945年,ENIAC 的顾问.美籍匈牙利数学家冯·诺依曼在为一台新的计算机EDVAC (EDVAC是电子离散变量计算机的缩写,是世界上 ...
dw网页插入java小程序_DW网页设计100例35：构建Java插入模块
Java 是一种程序设计语言, Java applet ( Java 小程序)是在 Java 的基础上演变而成的.能够嵌入在网页中的.可以执行一定小任务的应用程序. 20060407140110aa1 ...
dw网页插入java小程序_DW网页设计35：构建Java插入模块
Java 是一种程序设计语言, Java applet ( Java 小程序)是在 Java 的基础上演变而成的.能够嵌入在网页中的.可以执行一定小任务的应用程序. 效果说明建立文件,以 Java 计 ...
书小宅之C#——实现的第三方程序嵌入自己的WinForm
首先创建一个C#的窗体应用(.net框架): 在左侧隐藏的工具箱中可以添加控件,对自己的窗体做初步的布局. 这里记录我在做项目的过程中遇到的两个较严重的问题: 问题1:用重叠的Panel实现界面切换, ...
小清新简单网页设计制作模板免费下载
前言此作品包含assets文件夹.images文件夹和index.html文件,PC端和手机端都能够支持浏览,在电脑上下载后,先用rar软件进行解压,解压后直接双击打开index.html文件即 ...

书小宅之网页设计——标签

HTML常用标签

元素分类

属性分类

书小宅之网页设计——标签相关推荐

最新文章

热门文章