html学习笔记

(w3c标准)
(学习网站)

• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

• 与 之间的文本描述网页
• 与 之间的文本是可见的页面内容

• 与

  之间的文本被显示为标题

• 与

  之间的文本被显示为段落

.htm 还是 .html 文件后缀？

当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 文件后缀。我们在实例中使用 .htm。这只是长久以来形成的习惯而已，因为过去的很多软件只允许三个字母的文件后缀。不过对于新的软件，使用 .html 完全没有问题。

• 某些 HTML 元素没有结束标签，比如
  

注释：开始标签的英文翻译是 start tag 或 opening tag，结束标签的英文翻译是 end tag 或 closing tag。

HTML 链接

HTML 链接是通过 标签进行定义的。

This is a link

HTML 图像

HTML 图像是通过 标签进行定义的。

HTML 元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

HTML 提示：使用小写标签

HTML 标签对大小写不敏感：

等同于

。许多网站都使用大写的 HTML 标签。

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name="value"。

属性总是在 HTML 元素的开始标签中规定。

This is a link

拥有关于对齐方式的附加信息。

拥有关于背景颜色的附加信息。

拥有关于表格边框的附加信息。

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill "HelloWorld" Gates'

标准属性参考： /tags/html_ref_standardattributes.asp
所有属性： /tags/index.asp

HTML 水平线

---

标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

提示：使用空的段落标记

去插入一个空行是个坏习惯。用
标签代替它！（但是不要用
标签去创建列表

还是

您也许发现
与
很相似。

在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。

即使
在所有浏览器中的显示都没有问题，使用
也是更长远的保障。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 
代码中的所有连续的空行（换行）也被显示为一个空格。

HTML 文本格式化

/html/html_formatting.asp

标签	描述
	定义粗体文本。
	定义大号字。
	定义着重文字。
	定义斜体字。
	定义小号字。
	定义加重语气。
	定义下标字。
	定义上标字。
	定义插入字。
	定义删除字。
	不赞成使用。使用 代替。
	不赞成使用。使用 代替。
	不赞成使用。使用样式（style）代替。

层叠次序

当同一个HTML元素被不止一个样式所定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

1. 浏览器缺省设置
2. 外部样式表
3. 内部样式表（位于 标签内部）
4. 内联样式（在 HTML 元素内部）

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：

text-align 属性规定了元素中文本的水平对齐方式：

HTML 使用 （锚）标签来创建连接另一个文档的链接。

使用 Target 属性，你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档：

target="_blank">Visit W3School!

Name 属性用于创建被命名的锚（named anchors）。当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。

如何跳出框架，假如你的页面被固定在框架之内?    target="_top"

发送邮件

注意：应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。

表格

表格由

标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由

标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格的表头使用

标签进行定义。 -------------------------------------------------------------------- XML 被设计用来描述数据，其焦点是数据的内容。 HTML 被设计用来显示数据，其焦点是数据的外观。 XML 指可扩展标记语言（EXtensible Markup Language） 没有任何行为的 XML XML 是不作为的。 也许这有点难以理解，但是 XML 不会做任何事情。XML 被设计用来结构化、存储以及传输信息。 我们关于 XML 最好的描述是：XML 是跨平台的、用于传输信息且独立于软件和硬件的工具。 服务器端脚本 服务器端脚本是对服务器行为的编程。这被称为服务器端脚本或服务器脚本。 客户端脚本是对浏览器行为的编程。 什么是服务器脚本？ 通常，当浏览器请求某个 HTML 文件时，服务器会返回此文件，但是假如此文件含有服务器端的脚本，那么在此 HTML 文件作为纯 HTML 被返回浏览器之前，首先会执行 HTML 文件中的脚本。 服务器脚本能做什么呢？ 动态地向 web 页面编辑、改变或添加任何的内容 对由 HTML 表单提交的用户请求或数据进行响应 访问数据或数据库，并向浏览器返回结果 为不同的用户定制页面 提高网页安全性，使您的网页代码不会通过浏览器被查看到 重要事项：由于脚本在服务器上执行，因此浏览器在不支持脚本的情况下就可以显示服 务器端的文件！ 结构化查询语言 (SQL) 是用于访问数据库的标准语言，这些数据库包括 SQL Server、Oracle、MySQL、Sybase 以及 Access 等等。 刷新： 标签定义文档与外部资源的关系,最常见的用途是链接样式表。 可以对同一个 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。 注释： 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。 提示：请使用 元素来组合块级元素，这样就可以使用样式对它们进行格式化。 阅读(422) | 评论(0) | 转发(0) | 0 上一篇：gtest 下一篇：mysql 给主人留下些什么吧！~~ 评论热议 请登录后评论。 登录 注册 关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册 Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有 感谢所有关心和支持过ChinaUnix的朋友们 16024965号-6