HTML 属性
HTML标题
h1----h6
- 标题很重要。要确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
- 搜索引擎使用标题为您的网页的结构和内容编制索引。
- 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
换行
您也许发现 <br> 与 <br /> 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。
HTML样式
HTML 的 **style **属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。在 HTML 4 中,有若干的标签和属性是被废弃的。
style="background-color:yellow" //style 属性淘汰了“旧的” bgcolor 属性。
style="font-family:arial;color:red;font-size:20px;" //style 属性淘汰了旧的 <font> 标签
style="text-align:center" //style 属性淘汰了旧的 "align" 属性。
HTML文本格式化
HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。
HTML引用
HTML计算机代码元素
<code> 元素不保留多余的空格和折行,如需空格和折行,必须在 <pre> 元素中包围代码。
HTML CSS
1、外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
2、内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在head 部分通过 <style> 标签定义内部样式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
3、内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
HTML超链接
通过使用 <a> 标签在 HTML 中创建链接。
有两种使用 <a> 标签的方式:
1、通过使用 href 属性 - 创建指向另一个文档的链接
2、通过使用 name 属性 - 创建文档内的书签(锚)
HTML 链接 - target 属性:
使用 Target 属性,你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档:
<a href="http://www.baidu.com/" target="_blank">Visit Baidu!</a>
HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。可以使用 name 属性创建 HTML 页面中的书签。命名锚的语法:
<a name="label">锚(显示在页面上的文本)</a>
//可以使用 id 属性来替代 name 属性,命名锚同样有效
首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips"> TIPS </a>
然后,在同一个文档中创建指向该锚的链接:
<a href="#tips">点击跳转到TIPS</a>
也可以在其他页面中创建指向该锚的链接,将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到这个锚了:
<a href="页面链接#tips">点击跳转到TIPS</a>
发送邮件
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
HTML图像
<img> 是空标签,它只包含属性,并且没有闭合标签。
1、要在页面上显示图像,需要使用源属性src。源属性的值是图像的 URL 地址。
2、alt 属性用来为图像定义一串预备的可替换的文本。
在浏览器无法载入图像时,替换文本属性指定告诉用户的信息。