《HTML基础》.pptVIP

核心属性 属性 值 描述 class class_rule or style_rule 元素的类(class)，通常用于CSS样式定义。 id id_name 指定元素的id。在页面编程和CSS中特别有用。 style 样式定义 用于定义内联CSS样式。 不同标签拥有的属性不完全一样，但大部分都支持以下核心属性。 在后面的课程中会对不同标签的属性进行讲解。 在页面中插入图像 图像标签 img src=url / img是图像标签，src属性指出图像的url地址。 什么是URL？ 统一资源定位符（ Uniform / Universal Resource Locator ） 是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。 URL由三部分组成：协议类型，主机名，路径及文件名。 URL 两类链接 绝对链接 URL中三个部分均完整 3/image/login.gif 相对链接 URL仅指出路径和文件名 /image/login.gif （相对当前主机） image/login.gif （相对当前路径） login.gif （同上） 图像标签的其他属性 alt（替换文本）属性（example3.html） 在浏览器无法载入图像时，浏览器将显示alt所指定的文字内容。 该属性可以为空，但不建议省略。 height 和width属性（ example4.html ） 用于控制图像大小（高和宽） align属性（ example5.html ） 控制图像相对于文字的位置 在网页中使用图片 引用本网站的图片一般使用相对链接方式。这样做的理由如下： 网站资源都会在同一目录下。 网站放在不同的服务器或域上均不用修改网页源代码即可正常运行。 引用非本网站图片时，通常要用绝对链接。 不同网站通常会在不同的服务器，有不同的域名或者ip地址。 试一试 做一个网站。引用两个图片，一个图片和网页在同一目录下，另一个图片引用学校网站的任一图片。 尝试添加和修改图片的alt、 height、 width和align属性。并在浏览器中观察效果。 列表 有序列表 无序列表 标签ol 标签ul 有序列表和无序列表的元素都使用li标签。 列表属性 有序列表 无序列表 start属性 规定列表中的起始值。 type属性 定义列表编号的类型。可以取值为： A（大写字母）a（小写字母）I（大写罗马数字）i（小写罗马数字）1（阿拉伯数字） type属性 定义列表项目符号的类型。 取值： disc（实心圆点）、square（实心正方形）、circle（空心圆） 列表嵌套 列表可以进行任意嵌套。需要注意无序列表嵌套后项目符号会发生改变。 试一试 制作如下图的列表 最后一级无序列表可以不用指定项目符号属性（type） * 网站设计与管理 HTML基础 什么是 HTML 文件？ HTML 指超文本标签语言。 HTML 文件是包含一些标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面。 HTML 文件必须使用 htm 或者 html 作为文件扩展名。 HTML 文件可以通过简单的文本编辑器来创建。 第一个网页 请启动记事本。 键入右边的文本。 将这个文件存为 “mypage.html”。 使用浏览器打开该文件。 解析 HTML 文件中的第一个标签是 html。这个标签告诉浏览器这个 HTML 文件的开始点。文件中最后一个标签是 /html。这个标签告诉您的浏览器，这是 HTML 文件的结束点。 位于 head 标签和 /head 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。 title 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。 body 标签中的文本是将被浏览器显示出来的文本 b 和 /b 标签中的文本将以粗体显示。 HTML 标签 HTML 标签是用来标记 HTML 元素的。 HTML 标签被 和 符号包围。 这些包围的符号叫作尖括号。 HTML 标签是成对出现的。例如 b 和 /b。 位于起始标签和终止标签之间的文本是元素的内容。 HTML 标签对大小写不敏感，b 和 B 的作用的相同的。但W3C标准要求使用小写字母。 试一试 按照下图制作一个网页 基本的 HTML 标签 标题 标题使用 h1 至 h6 标签进行定义。h1 定义最大的标题。h6 定义最小的标题。 段落 段落使用 p 标签进行定义。 关闭标签 关闭标签 可能有同学注意到了，在上例HTML文档中，不带有 /p 标签依然可以在浏览器中得到正确的显示结果。这是不符合当前标准的错误做法。 空白标签 水平线标签hr因为不需要任何的内容，因此就无需关闭标签/hr。但当前标准规定，对于这样的无需任何内容的空白标签，应当写为hr