HTML学习笔记.docx

Html中的换行标签和段落标签之间的不同定义和用法 可插入一个简单的换行符。 标签是空标签（意味着它没有结束标签，因此这是错误的：）。在 XHTML 中，把结束标签放在开始标签中，也就是 。请注意， 标签只是简单地开始新的一行，而当浏览器遇到 标签时，通常会在相邻的段落之间插入一些垂直的间距。预格式化文本就是完全按照书写一致的输出文本，无论空格还是回车，完全一致。这是预格式(preformatted)文本浏览器会保留pre里面的 空格和分行。pre用来表示计算机代码，效果很好。预 格 式 化 文 本 打 开 预 格 式 化 文 本 结 束 预 格 式 化 文 本没 错, 表示格 式 化 的(preformated). 预 格 式 化 文 本 与 一 般 文 本 的 区 别 表 现 在 两 个 方 面：(1)它 将以 单 一 间 隔, 或 固 定 字 号 显 示, (2)它 在 浏 览 器 窗 口 中 的 显 示 与 打 字 时 的 显 示 相 同， 包 括 回 车 和 空 格。预 格 式 化 文 本 最 适 合 于 展示 代 码，ASCII 艺 术，卡 明 斯诗 歌(卡 明 斯 是 美 国 本 世 纪 早 期 和 中 期 一 个 反 传 统 的 诗人, 其 诗 歌 以 形 式 怪 异 而 著 称. 译者注) 或 回 行 和 空 格 是 有 目 的 和 必 需 的 其 他 文 字 形 式。 但 要 注 意， 每 行 必 须 按 回 车， 否 则 文 本 就 会 超 出 浏 览 器 窗 口.预 格 式 化 文 本 的 HTML 代 码 如 下 所 示： 亲爱的猴阿姨,我今天很想借一些回车和 空 格如果你让我明天还你 .这个显示将是惊人的一致:亲爱的猴阿姨,我今天很想借一些回车和 空 格如果你让我明天还你 .现 在, 让 我 们 从 以 上 例 中 把它 精 确 的 HTML 取 出, 但 把 它拿 到 外： 亲爱的猴阿姨,我今天很想借一些回车和 空 格如果你让我明天还你 .看看它是怎么显示的：亲爱的猴阿姨,我今天很想借一些回车和 空 格如果你让我明天还你 .看到了吗? 回 行 和 空 格 -对 我 们 这 封 短 信 来 讲, 这 多 么 至 关 重 要,在 普 通 HTML 中 却 被 忽 略 或 淡 化 了.预 格 式 化 文 本 格 式 可 能 很严 格(在 有 些 浏 览 器 中， 它 不 能 做 目 录 和 标 题 ), 但 它 可 以 成 功 地 和 其 他 标 签结 合 起 来。例 如, 你 可 以 把 预 格 式 化 文 本 变 成 粗 体 或 斜 体， 还 可 以 在 里 面 建 立 链 接，比 如 下 例 ：如 果 你 的 HTML 文 件 如 下：我的 肚子 笑疼 了忍 住谁都会想到踢那个摄影师. 但只有 Eric会真的这样 做. 它 会 这 样 显 示：我的 肚子 笑 疼 了忍 住谁 都 会想 到 踢 那 个摄 影 师. 但 只 有 Eric 会真 的 这 样 做. 到诀窍了吗?动手吧.Html超链接使用href属性，创建超链接，利用标签定义和用法 标签可定义锚。锚 (anchor) 有两种用法：通过使用 href 属性，创建指向另外一个文档的链接（或超链接） 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接） 元素最重要的属性是 href 属性，它指定链接的目标。在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 提示：您可能已经注意到了，W3School 站点内的链接外观与默认的链接外观非常不同。您可以使用 CSS 伪类 向文本超链接添加复杂而多样的样式。实例指向 w3school 的超链接：W3School块引用 文本两端同时缩进 返回文本正常边距标签用来缩进过长的节录或引用部分-就是那种大一学生用来拉长期末论文的办法.在使用这些标签来达到缩进目的时,或许会有少数需要的情形,但除非是你正要把论文放到网上,否则你将只是用这些标签来生成白边. 标签的 target 属性规定在何处打开链接文档。target 属性 - 链接目标 就是指定在何处打开链接，是新窗口，还是新框架。不符合标准网页设计的理念,不赞成使用. 取值 o_blank - 在新窗口中打开链接 o_parent - 在父窗体中打开链接 o_self - 在当前窗体打开链接,此为默认值 o_top - 在当前窗体打开链接，并替换当前的整个窗体(框架页) o一个对应的框架页的名称 - 在对应框架页中打开 引用网址:/xhtml/attribute_target/ target，中文目标的意思 如果在一个 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。打开新窗口被指向的超链接使得创建高效的浏览工具变得很容易。例如，一个简单的内容文档的列表，可以将文档重定向到一个单独的窗口：Table of Contents Preface Chapter 1 Chapter 2 Chapter 3亲自试一试当用户第一次选择内容列表中的某个链接时，浏览器将打开一个新的窗口，将它标记为 view_window，然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接，且这个 view_window 仍处于打开状态，浏览器就会再次将选定的文档载入那个窗口，取代刚才的那些文档。在整个过程中，这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接，可使另一个窗口的内容发生变化。在框架中打开窗口不用打开一个完整的浏览器窗口，使用 target 更通常的方法是在一个 显示中将超链接内容定向到一个或者多个框架中。可以将这个内容列表放入一个带有两个框架的文档的其中一个框架中，并用这个相邻的框架来显示选定的文档： 亲自试一试当浏览器最初显示这两个框架的时候，左边这个框架包含目录，右边这个框架包含前言。这是 toc.html 的源代码：Table of Contents Preface Chapter 1 Chapter 2 Chapter 3请注意，在文档 toc.html 中，每个链接的目标都是 view_frame，也就是右边的框架。当用户从左边框架中的目录中选择一个链接时，浏览器会将这个关联的文档载入并显示在右边这个 view_frame 框架中。当其他链接被选中时，右边这个框架中的内容也会发生变化，而左边这个框架始终保持不变。特殊的目标有 4 个保留的目标名称用作特殊的文档重定向操作：_blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 标签中的 target 属性一起使用。_parent这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。_top这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。提示：这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略，因此，不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。语法属性值值描述_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。framename在指定的框架中打开被链接文档。HTML 标签Html代码更新数据要是靠一点点去找数据位置，去敲代码，确实很麻烦，不可行。不知道XML是如何实现数据的存储、更新和传输给html的，使得HTML可以方便更新。Meta标签Content-Type-文档语言说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。注意：该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。其他的语言也对应不同的charset，比如日文的字符集是“iso-2022-jp”，韩文的是“ks_c_5601”。Content-Type的Content还可以是：text/xml等文档类型；Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、S