Java-Web程序设计任务教程全书电子讲义完整版课件最全ppt整本书教学教程最新讲义.pptx

第1章 网页开发基础《Java Web程序设计任务教程（第2版）》 学习目标/Target 熟悉HTML标签的使用 掌握CSS样式的引用方式 掌握CSS选择器的常用属性 熟悉DOM与BOM的相关知识 学习目标/Target 掌握JavaScript的使用 熟悉Bootstrap框架的下载与使用 掌握BootStrap框架的常用组件 章节概述/ Summary 在学习Java Web开发之前，读者首先需要了解一些网页开发的基础知识。说到网页，其实大家并不陌生，我们上网查询信息时就是在浏览网页。网页可以看作是承载各种网站应用和信息的容器，网站的所有可视化内容都会通过网页展示给用户。本章将围绕HTML技术、CSS技术以及JavaScript技术对网页开发基础知识进行讲解。 目录/Contents010203HTML基础常用的HTML标签CSS技术 目录/Contents06 Bootstrap框架的常用组件0405JavaScript基础Bootstrap框架基础 HTML基础1.1 1.1.1 HTML简介先定一个小目标！ 先定一个小目标！了解HTML的概念，能够知道HTML用于做什么熟悉HTML的基本格式，为后期HTML开发奠定基础 1.1.1 HTML简介 HTML是英文Hyper Text Markup Language的缩写，中文译为“超文本标记语言”。HTML主要作用是通过HTML标签对网页中的文本、图片、声音等内容进行描述。HTML网页就是一个后缀名为“.html”或“.htm”的文件，它可以用记事本打开，因此简单的html代码可以在记事本中编写。编写完成后，将文件后缀名修改为“.html”或“.htm”即可生成一个HTML网页。HTML 1.1.1 HTML简介HTML!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtdhtmlhead titlehtmlDemo01/title/headbody/body/htmlHTML语言的基本格式！DOCTYPE声明html标签head标签body标签文件1-1：htmDemo01.html 1.1.1 HTML简介!DOCTYPE声明必须是 HTML 文档的第一行，位于html 标签之前。!DOCTYPE声明不是 HTML 标签，是一条指令，它用于向浏览器说明当前文档使用哪种HTML标准规范，网页在开头处使用!DOCTYPE声明为所有的HTML文档指定HTML版本和类型，这样浏览器将该网页作为有效的HTML文档，并按指定的文档类型进行解析。!DOCTYPE声明和浏览器的兼容性相关，!DOCTYPE声明被删除后，如何展示HTML页面的权利就交给了浏览器，即页面的显示效果由浏览器决定。!DOCTYPE声明 1.1.1 HTML简介html标签位于!DOCTYPE声明之后，被称为根标签。根标签主要用于告知浏览器该文档是一个HTML文档。其中，html标签标志着HTML文档的开始，/html标签则标志着HTML文档的结束，它们之间是文档的头部和主体内容。html标签 1.1.1 HTML简介head标签用于定义HTML文档的头部信息，也被称为头部标签。head标签紧跟在html之后，主要用于封装其他位于文档头部的标签，如title、meta、link及style等标签。head标签 1.1.1 HTML简介body标签用于定义HTML文档所要显示的内容，也被称为主体标签。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于body标签内，才能最终展示给用户。需要注意的是，一个HTML文档只能含有一对body标签，且body标签必须在html标签内，位于head标签之后，与head标签是并列关系。body标签 1.1.1 HTML简介STEP 01创建一个名称为chapter01的文件夹，然后在该文件夹中新建一个文本文件（.txt后缀），将文件的名称更改为htmlDemo01，后缀名改为.html。htmlDemo01文件 1.1.1 HTML简介STEP 02在htmlDemo01.html文件中编写代码。!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtdhtmlhead titlehtmlDemo01/title/headbody 这是我的第一个HTML /body/html在body文件中添加页面内容 1.1.1 HTML简介STEP 03运行程序，使用浏览