引盲2—静态网页开发相关技术基础知识 相关的一系列技术:HTML、 JavaScript和csS。 (1)HTML:HTML是一组标签,负责网页的基本 表现形式; (2) JavaScript: JavaScript是在客户端浏览器运 行的语言,负责在客户端与用户的互动; (3)cSS:cSs是一个样式表,起到美化整个页 面的功能
引言2——静态网页开发相关技术基础知识 相关的一系列技术：HTML、JavaScript和CSS。 （1） HTML：HTML是一组标签，负责网页的基本 表现形式； （2）JavaScript：JavaScript是在客户端浏览器运 行的语言，负责在客户端与用户的互动； （3）CSS： CSS是一个样式表，起到美化整个页 面的功能
21HTML网页设计 21.1HTML文档结构与基本语法 212HTML基本标记与使用 213HTML表单标签与表单设计 214表单设计案例——学生入校注册页面设计 21.5HTML框架标签与框架设计 2.16框架设计案例——一多媒体播放系统设计
2.1 HTML网页设计 2.1.1 HTML文档结构与基本语法 2.1.2 HTML基本标记与使用 2.1.3 HTML表单标签与表单设计 2.1.4 表单设计案例——学生入校注册页面设计 2.1.5 HTML框架标签与框架设计 2.1.6 框架设计案例——多媒体播放系统设计
2.1.1HTML文档结构与基本语法 网页结构: 页面标题 百第个m顾- Tindors Internet Explorer 回x 99做1x 辑②查看收瀑夹④)工具①)帮助0g 地址栏输入文件路 sraesuite Hello, world 页面显示的内容 你好! 设计完成该网页的代码: <html> head> 头部: <ttl第一个HTML网页</tte 在<head>与</head 之间部分 </head> <body text"blue> Hello. <b>world</b> 体: <hr size=5px"align="left"color="red"width=50%> 在<body>与</body 之间部分 你好! </html>
2.1.1 HTML文档结构与基本语法 页面标题 页面显示的内容 地址栏输入文件路 径 网页结构： 设计完成该网页的代码： <html> <head> <title>第一个 HTML 网页</title> </head> <body text="blue"> Hello, <b>world</b>! <hr size="5px" align="left" color="red" width="50%"> 你好！ </body> </html> 头部： 在<head>与</head> 之间部分 主体： 在<body>与</body> 之间部分
1.HTML标记 用HTML编写的超文本文档称为HTML文档(文件),是 个放置了“标签”的文本文件,以“htm”或“htm”为扩展名, 可供浏览器解释执行的网页文件。例2-1源代码 网页文件是利用HTML所规定的标签定义网页中的各种元素 的性质和特点,从而完成网页所要求的功能。例2-1运行界面 <html> 头部: titl第一个HIML网页<tle 在<head与</head 之间部分 </head> <body text"blue"> Hello. <b >world</b>! 主体: <hr size=5px align="left"color=red"width=50%"> 在<body)与</body 之间部分 你好! </body> </html>
1．HTML标记 用HTML编写的超文本文档称为HTML文档（文件），是一 个放置了“标签”的文本文件，以“.html”或“.htm”为扩展名， 可供浏览器解释执行的网页文件。例2-1源代码 网页文件是利用HTML所规定的标签定义网页中的各种元素 的性质和特点，从而完成网页所要求的功能。例2-1运行界面
标签的分类(类型) 网页就像我们平时利用word编辑显示文件一样。在 网页上要展示的不同元素,需要采用不同的标签给出 定义和说明。 主要有: ■定义网页结构的标签; ■定义网页头部的标签; ■定义网页网体内容的标签,该类标签中主要包含; 文字、行、段落、列表标签 表格、图形 超链接、视频、音频 表单
标签的分类（类型） 网页就像我们平时利用word编辑显示文件一样。在 网页上要展示的不同元素，需要采用不同的标签给出 定义和说明。 主要有： ◼定义网页结构的标签； ◼定义网页头部的标签； ◼定义网页网体内容的标签，该类标签中主要包含； ⚫ 文字、行、 段落、列表标签 ⚫ 表格、图形 ⚫ 超链接、视频、音频 ⚫ 表单