网页设计基础-金旭亮.PDFVIP

网页设计基础 北京理工大学计算机学院 金旭亮 学习目标 ▪ 了解HTML语言的语法规则 ▪ 掌握基本的网页标记符和属性 ▪ 学会使用Visual Studio设计网页 HTML基础知识 虽然很简单，但你必须要知道这些常识…… HTML 的基本工作原理 HTML （HyperText Markup Language）是一种规范，一种 标准，它通过“标记 （tag ）”来标识要显示的网页的各 个部分。 通过在网页中添加这些标记，可以告诉浏览器如何显示 网页，即确定内容的格式。浏览器按顺序阅读网页文件 （HTML文件），然后根据HTML标记符解释和显示各种 内容。 Note ：HTML 中的“tag ”，国内有译为“标记” 的，也有译为“标签”的，本质上都是指同一 个东西，本课程同时使用它们。 浏览器其实是个“绘图程序”！ HTML标记其实就是“绘图指令”！ HTML标签是绘图指令 以HTML编写的“绘图”指令 浏览器遵命“画出”的网页 标记符基础 在HTML 中，所有的标记都用尖括号括起来。例如，html、a 。 HTML 标记不区分大小写。html、Html和HTML 没有区别。 新的HTML5标准，建议都用小写。 标记符（Tag ） 绝大多数标记符都是成对出现的，包括“开始标记符”和“结 束标记符”。 开始标记符与结束标记符的区别在于： 结束标记符多一个斜杠“/ “（不是反斜杠“\ ”）！ 某些标记符，例如“br / （实现换行）”，只要求单一 标记符号，称为“空标记符”。 HTML元素（Element ） HTML元素= 开始标记符+ 内容+ 结束标记符 p这是元素内容/p HTML元素的属性（Attribute ） ▪ “属性”是用来描述对象特征的特性。例如，一个人的身高、 体重就是人这个对象的属性。 ▪ 在HTML 中，所有的属性都放置在开始标记符的尖括号里，多 个属性之间用空格分开，通常也不区分大小写。 ▪ 注意：同一个元素中不能出现同名的属性。 a href=百度/a 属性名 属性值 HTML网页的总体结构 一个Web 页实际上对应于一 用于标识HTML文档 个HTML 文件，HTML 文件 以.htm 或.html 为扩展名。 html 用于放置一些辅助元素 head body 网页的主体内容放在这里 /html head标记符 ▪首部标记head和/head位于Web 页的开头，其中不包括Web 页的 任何实际内容。 ▪ 网页的首部主要放置以下两种类型的内容: 1. 样式表（CSS ）：位于style和/style之间 2. JavaScript脚本：位于script和/script之间 title标记符 ▪在首部标记符中，最基本、最常用的标记符是标题标记title和 /title ，用于定义网页的标题。 ▪ 当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。 style标记 首部中的style元素包容样式规则，会影响到网页的呈现效果。 由于样式的作用，网页