web前端html.pptxVIP

互联网视觉技术 WEB PPT模板：/moban/ PPT素材：/sucai/ PPT背景：/beijing/ PPT图表：/tubiao/ PPT下载：/xiazai/ PPT教程： /powerpoint/ 资料下载：/ziliao/ 范文下载：/fanwen/ 试卷下载：/shiti/ 教案下载：/jiaoan/ PPT论坛： PPT课件：/kejian/ 语文课件：/kejian/yuwen/ 数学课件：/kejian/shuxue/ 英语课件：/kejian/yingyu/ 美术课件：/kejian/meishu/ 科学课件：/kejian/kexue/ 物理课件：/kejian/wuli/ 化学课件：/kejian/huaxue/ 生物课件：/kejian/shengwu/ 地理课件：/kejian/dili/ 历史课件：/kejian/lishi/ 前言 前言 1.为什么要学习web前端 2.什么是web前端 3.编辑器的使用 为什么要学习web前端 主目录 CONTENTS 熟悉(X)HTML/CSS/JavaScript等各种Web技术进行客户端产品的开发。完成客户端程序（浏览器端）的开发。 社会需求 VR虚拟现实技术是一种可以创建和体验虚拟世界的三维动态视景。 特征：多感知性、存在感、交互性。 发展方向 什么是web前端 web前端就是互联网给用户呈现出来的内容，包含了结构、表现样式和动态功能。 也就是美编、设计师去设计界面，然后运用web技术去呈现在网页上。 web前端 W3C标准 是一系列标准的集合。网页主要由三部分组成：结构、表现样式和动态功能。 对应的标准也分三方面：结构化标准语言主要包括(X)HTML，表现样式主要 包括CSS，动态功能主要包括JavaScript。 浏览器 web前端 更容易的javascript 用来表示HTML样式的计算机语言 超文本标记语言 更加丰富的csss升级版 动效 方便 高效 减少手写代码量 编辑器的使用 编辑器的使用 !doctype html html5标准网页声明 html 告知是HTML文档 所有元素必须都包含于其中 head 引用脚本(JS) 样式表（CSS） 除标题外不显示在网页中 编辑器的使用 meta提供有关页面属性信息 charset=utf-8 代表世界通用的语言编码 title标题 body内容部分 HTML标签 1.HTML 是用来描述网页的一种语言 2.HTML 不是一种编程语言，而是一种标记语言 3.HTML 使用标记标签来描述网页 HTML标签 1.HTML 标签是由尖括号包围的关键词，比如 html 2.标签通常是成对出现的，比如 html 和 /html 3.标签对中的第一个标签是开始标签，第二个标签是结束标签 HTML标签 HTML标题文本是通过 h1 - h6标签进行定义的 例：h1This is a heading/h1 HTML标签 H1 H4 H2 HTML段落 HTML 段落是通过 p 标签进行定义的 例：pThis is a paragraph/p HTML连接 HTML 链接是通过 a 标签进行定义的 例：a target=_self href=百度/a _blank 在新窗口中打开文档 _self 在自身窗口打开文档 HTML图像 HTML 图像是通过 img 标签进行定义的。 例：img src=25b1OOOPIC19.jpg alt= 图片 / 注：浏览器无法载入图像时，alt的替换文本将显示给读者 HTML注释 提高可读性，代码更容易理解，浏览器会忽略注释，不会显示它们。 例：!-- Hello HTML -- HTML文本格式化标签 b/b 粗体 strong/strong 定义语气加重 i/i 倾斜字 em/em 加强语气(倾斜) small/small 定义小号字 big/big 大号字 sup/sup 上标