<h1 align="center"> 拥有关于对齐方式的附加信息
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息
始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='Bill "HelloWorld" Gates'
定义缩写。 |
||
定义只取首字母的缩写。 |
||
定义文档作者或拥有者的联系信息。 |
||
定义页面内容之外的内容。 |
||
定义声音内容。 |
||
定义粗体字。 |
||
定义页面中所有链接的默认地址或默认目标。 |
||
定义文本的文本方向,使其脱离其周围文本的方向设置。 |
||
定义文字方向。 |
||
定义长的引用。 |
||
定义简单的折行。 |
||
定义按钮 (push button)。 |
||
定义图形。 |
||
定义表格标题。 |
||
定义计算机代码文本。 |
||
定义表格中一个或多个列的属性值。 |
||
定义表格中供格式化的列组。 |
||
定义下拉列表。 |
||
定义被删除文本。 |
||
定义文档中的节。 |
||
定义对话框或窗口。 |
||
定义定义列表。 |
||
定义定义列表中的项目。 |
||
定义外部交互内容或插件。 |
||
定义围绕表单中元素的边框。 |
||
定义 figure 元素的标题。 |
||
定义 section 或 page 的页脚。 |
||
定义供用户输入的 HTML 表单。 |
||
定义框架集的窗口或框架。 |
||
定义框架集。 |
||
定义 HTML 标题。 |
||
定义关于文档的信息。 |
||
定义 section 或 page 的页眉。 |
||
定义水平线。 |
||
定义 HTML 文档。 |
||
定义斜体字。 |
||
定义内联框架。 |
||
定义图像。 |
||
定义输入控件。 |
||
定义被插入文本。 |
||
定义键盘文本。 |
||
定义生成密钥。 |
||
定义 input 元素的标注。 |
||
定义 fieldset 元素的标题。 |
||
定义列表的项目。 |
||
定义文档与外部资源的关系。 |
||
定义图像映射。 |
||
定义有记号的文本。 |
||
定义命令的列表或菜单。 |
||
定义用户可以从弹出菜单调用的命令/菜单项目。 |
||
定义关于 HTML 文档的元信息。 |
||
定义预定义范围内的度量。 |
||
定义导航链接。 |
||
定义针对不支持框架的用户的替代内容。 |
||
定义针对不支持客户端脚本的用户的替代内容。 |
||
定义内嵌对象。 |
||
定义有序列表。 |
||
定义选择列表中相关选项的组合。 |
||
定义选择列表中的选项。 |
||
定义输出的一些类型。 |
||
定义段落。 |
||
定义对象的参数。 |
||
定义预格式文本。 |
||
定义任何类型的任务的进度。 |
||
定义短的引用。 |
||
定义若浏览器不支持 ruby 元素显示的内容。 |
||
定义 ruby 注释的解释。 |
||
定义 ruby 注释。 |
||
不赞成使用。定义加删除线的文本。 |
||
定义计算机代码样本。 |
||
定义客户端脚本。 |
||
定义 section。 |
||
定义选择列表(下拉列表)。 |
||
定义小号文本。 |
||
定义媒介源。 |
||
定义文档中的节。 |
||
不赞成使用。定义加删除线文本。 |
||
定义强调文本。 |
||
定义文档的样式信息。 |
||
定义下标文本。 |
||
为 <details> 元素定义可见的标题。 |
||
定义上标文本。 |
||
定义表格。 |
||
定义表格中的主体内容。 |
||
定义表格中的单元。 |
||
定义多行的文本输入控件。 |
||
定义表格中的表注内容(脚注)。 |
||
定义表格中的表头单元格。 |
||
定义表格中的表头内容。 |
||
定义日期/时间。 |
||
定义文档的标题。 |
||
定义表格中的行。 |
||
定义用在媒体播放器中的文本轨道。 |
||
定义打字机文本。 |
||
不赞成使用。定义下划线文本。 |
||
定义无序列表。 |
||
定义文本的变量部分。 |
||
定义视频。 |
||
定义可能的换行符。 |
||
属性 |
描述 |
|
规定激活元素的快捷键。 |
||
规定元素的一个或多个类名(引用样式表中的类)。 |
||
规定元素内容是否可编辑。 |
||
规定元素的上下文菜单。上下文菜单在用户点击元素时显示。 |
||
用于存储页面或应用程序的私有定制数据。 |
||
规定元素中内容的文本方向。 |
||
规定元素是否可拖动。 |
||
规定在拖动被拖动数据时是否进行复制、移动或链接。 |
||
规定元素仍未或不再相关。 |
||
规定元素的唯一 id。 |
||
规定元素内容的语言。 |
||
规定是否对元素进行拼写和语法检查。 |
||
规定元素的行内 CSS 样式。 |
||
规定元素的 tab 键次序。 |
||
规定有关元素的额外信息。 |
||
规定是否应该翻译元素内容。 |
预文本格式化,使用 pre 标签对空行和空格进行控制。
<blockquote>
这是长的引用。
</blockquote>
<q>
这是短的引用。
</q>
<del>二十</del> 删除效果
<ins>十二</ins> 插入效果
使用 sup 和 sub 元素:
包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。
以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。
把文本定义为强调的内容。 |
|
把文本定义为语气更强的强调的内容。 |
|
定义一个定义项目。 |
|
定义计算机代码文本。 |
|
定义样本文本。 |
|
定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 |
|
定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 |
|
定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。 |
abbr与acronym两个标记的作用相同都是缩进,但是abbr:表示全词的缩写;
acronym:表示标记一个首字母缩写;目前的话,用abbr比较好。
为什么dfn中也能够采用缩进呢?
Css样式在head里面定义属性,在body里面定义内容
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head><link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
<p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>
HTML图像:
1. 表示形式:<img src=”图片的路径”/>
2. 替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
3. 背景图片:<body background="/i/eg_background.jpg">
<h3>图像背景</h3>
4. 图片排序:
<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>
5. 图像浮动:
<img src ="/i/eg_cute.gif" align ="left">
带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
6. 图像尺寸:<img src="/i/eg_mouse.jpg" width="50" height="50">
7.
8.
表格:
1. 每个表格由 table 标签开始,每个表格行由 tr 标签开始,每个表格数据由 td 标签开始。
2. border可以设置边框的厚度
3. 表头<th>表示:
Heading |
Another Heading |
row 1, cell 1 |
row 1, cell 2 |
row 2, cell 1 |
row 2, cell 2 |
4.空表格用<td></td>表示,但是因为防止在浏览器中空表格的边框没有显示出来,所以用<td> </td>表示空表
5.要是没有写出表格的边框或者设置边框为0都是没有表框的。
6.横表头的表格:先设置表头作为一行
<tr>
<th>姓名</th>
<th>电话</th>
<th>电话</th>
</tr>
姓名 |
电话 |
电话 |
Bill Gates |
555 77 854 |
555 77 855 |
垂直的表格:把当做一个行的表格做,先设置一个行的表头,在设置其他的普通表格。例如:
<th>姓名</th>
<td>Bill Gates</td>
姓名 Bill Gates
电话 555 77 854
电话 555 77 855
8. 为表格设置标题:<caption>我的标题</caption>
9.
横跨两列的单元格: <th colspan="2">电话</th>
横跨两行的单元格:<th rowspan="2">电话</th>
10.cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小
11.若是要设置表格的背景颜色,则在<table>里面设置
12.若是在表格中的某个单元中设置样式(比如说背景颜色呀),则在<td>中设置
13.
表格标签
表格 |
描述 |
定义表格 |
|
定义表格标题。 |
|
定义表格的表头。 |
|
定义表格的行。 |
|
定义表格单元。 |
|
定义表格的页眉。 |
|
定义表格的主体。 |
|
定义表格的页脚。 |
|
定义用于表格列的属性。 |
|
定义表格列的组。 |
其中,thead,tbody,dfoot表示如下:
块级元素:HTML <span> 元素是行内元素,能够用作文本的容器。
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
布局:
1.padding是设置元素的内边距。
2.
3.
4.
5.
框架:(3.20晚上)