HTML5+jQuery Mobile移动应用开发 - (EPUB全文下载)

文件大小:0.23 mb。
文件格式:epub 格式。
书籍内容:

HTML5+jQuery Mobile移动应用开发
第1章 认识HTML
第2章 语义化标签
第3章 视频和音频
第4章 存储
第5章 即时通信
第6章 Canvas绘图
第7章 CSS选择器
第8章 元素定位
第9章 移动元素单位
第10章 盒模型
第11章 Flex布局——FlexBox
第12章 使用CSS3新特性
第13章 DOM操作
第14章 JavaScript对象
第15章 JavaScript基本语法
第16章 Window对象
第17章 函数
第18章 jQuery中的选择器
第19章 jQuery中的DOM方法
第20章 jQuery操纵CSS样式
第21章 jQuery中的动画效果
第22章 jQuery中的AJAX
第23章 jQuery Mobile组件
第24章 jQuery Mobile的触摸事件
第25章 jQuery Mobile表单
第26章 jQuery Mobile列表
第27章 jQuery Mobile项目结构
第28章 项目实战:聊天APP的开发
第1章 认识HTML
本章内容要点:
 HTML文档结构
 HTML文档构成要素以及属性和标签
学习Web前端开发,第一步就是学习HTML语言。HTML是一个网页的骨架,HTML中编写的内容,就是Web页面显示的内容。虽然HTML对于Web前端开发十分重要,但它也是非常容易学习的。本章我们先来认识HTML文档及其属性和标签等内容。
1.1 HTML基本介绍
学习HTML,主要学习的就是HTML的标签、属性以及HTML结构,本节我们先来认识这些HTML文档的构成要素。
1.标签
一个页面的HTML部分是由各种标签组成的,一个典型的HTML页面结构如下:
标签在HTML中成对出现,起始标签是由一对尖括号和英文字母组成的,如

,结束标签在起始标签的英文字母前面加一个/,如

。这样的一对标签内填写的内容就是这对标签包含的内容。标签是根标签,所有页面中的其他内容都要放置在的起始和终止之间。在标签中,放置的是页面要显示的主要内容;标签中放置一些配置信息,例如引入CSS、JavaScript外部脚本等。这些将在相应的章节进行介绍。
2.属性
每一个HTML标签都可以指定属性,为标签指定属性的示例如下:
上面的代码中,为p标签指定了两个属性,分别是class属性和id属性,并且为这两个属性设定了属性值。不同的标签可以设定的属性不同,但是所有标签都可以设定class属性和id属性,这两个属性和CSS关系紧密,是最常用的属性,将在后面进行介绍。
有些标签的可设定属性可以让这些标签有特殊的样式和功能,这些不同的内置可设定属性由HTML规范定义。
除此之外,也可以自定义一些HTML规范中没有的属性,这样做的主要目的是方便使用Javascript操作页面中的元素,尤其是jQuery Mobile框架中,频繁使用了自定义属性,这些将在后面的章节进行介绍。
3.结构
HTML是一个Web前端页面的骨架,因此HTML的结构很重要。HTML主要通过标签的嵌套实现结构的搭建。例如,上面的例子就构成了一个最基本的结构,body标签中嵌套了标题和一个段落文字内容。复杂的HTML结构原理也一样,在制作Web页面之前,先画好设计图,然后根据页面各个元素的嵌套关系进行梳理,就可以快速搭建起Web页面的框架。
1.2 HTML常用标签
1.标题
HTML中内置了一些可以用来设置标题的标签,从

一直到

,这些标签内放置的文字都有预先定义好的文字样式。它们内部的文字字号比较大,并且已经进行了加粗。h1的标题最明显,h6的标题最小。
虽然标题标签已经预先设定好了样式,但是仍然可以通过CSS等手段进行自定义的样式修改。在HTML中,有很多和标题标签类似的标签,这些标签都有自己预先设定好的样式,但它们不是固定的,都可以借助CSS等手段进行修改。
在上面的例子中,单击“跳转至百度”,页面就会跳转到href属性指定的页面。
和标题标签一样,超链接标签也有预先定义好的样式,例如鼠标滑过超链接会出现下划线,单击后超链接颜色会发生变化。这些也都是可以通过CSS代码进行修改的。
2.超链接
超链接标签是使用很广泛的标签,用表示。超链接的起始和终止标签之间放置要现实的内容。超链接的最主要目的是跳转到链接的页面,这就需要设定超链接标签的核心属性href。href属性设定为一个网站链接时,当单击页面上这个标签的元素后,就会跳转到对应的链接。
3.块元素
HTML中最常用的是

元素。页面中的每一个部分都可以看成是一个div。一般的页面都是用一系列的div标签构建起来的,通过div标签搭建页面结构。下面是使用

标签构建页面的简单例子。
在上面的代码中,通过div元素的嵌套,将页面分成了两部分,每个部分又可以使用div元素继续划分。
4.图像标签
在一个页面上引入图像的方法也很简单,只需要借助标签就可以了。img标签有一个属性是src,这个属性用来指定要显示的图像路径,这样就可以在页面中显示对应的图像了。
1.3 HTML表单
表单是HTML中很重要的一部分。表单对应的标签是form元素,内部放置多个可输入的标签input以及提交按钮。下面是一个form表单的实例。
上面的代码定义了一个最基础的表单,下面将对这个表单的各个元素逐一介绍。
1.form标签
form标签是表单的容器元素,内部通过一些输入标签组建一个HTML表单。form表单有一些重要的可设置属性。首先是method属性,它定义了当表单提交时的提交方式,包括GET、POST等方法。其次是action属性,action属性指定表单提交到哪个地址,也就是后台提供的对应接口。
2.input标签
input标签是表单内主要的内容元素。一个input标签对应一个输入框,用户可以在其中输入内容。input标签的type属性定义了这个输入框 ............

以上为书籍内容预览,如需阅读全文内容请下载EPUB源文件,祝您阅读愉快。

版权声明:书云(openelib.org)是世界上最大的在线非盈利图书馆之一,致力于让每个人都能便捷地了解我们的文明。我们尊重著作者的知识产权,如您认为书云侵犯了您的合法权益,请参考版权保护声明,通过邮件openelib@outlook.com联系我们,我们将及时处理您的合理请求。 数研咨询 流芳阁 研报之家 AI应用导航 研报之家
书云 Open E-Library » HTML5+jQuery Mobile移动应用开发 - (EPUB全文下载)