【H5学习之旅-H5的样式（5）】的更多相关文章

H5学习之旅-H5的样式（5）

样式的引入方式 外部样式表 link rel = "stylesheet" type = "text/css" href = "mystyle.css" 内部样式表 style type = "text/css" body { background-color:red} p{margin-left:20px} style 内联样式表 P style = "color:red" 代码实例 <!DOCTY…

H5学习之旅-H5的超链接以及图片链接（6）

链接内容 1.文本链接 2.图片链接 属性 href:指向另一个文档的链接 name:文档内部的链接 img标签属性 alt:替换文本属性 width:宽 height:高 代码实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>H5样式</title> </head> <body&g…

H5学习之旅-H5的基本标签（2）

H5的标签和html的标签没什么区别,主要介绍H5的基本标签 1.基础标签header和body,header的<title>元素主要是显示在标签页面里面,以及设置使用的语言和编码格式.body是正文部分 2.H5的标题是h1-h6,逐渐变小 3.html的段落是标签p 4.html的超链接是a标签.eg:百度一下 5.html插入图像 eg: 代码实例 <!DOCTYPE html> <html lang="en"> <head> &l…

H5学习之旅-H5的新特性（1）

随着H5的发展,网页开发呈现了跨平台的特性,目前H5是兼容各大平台的,这也为一些其他的技术的跨平台开发提供了基础,所以我预测后H5会成为很重要的开发语言 新特性介绍 1.用于回话的canvas标签 2.用于媒介回放的video和audio标签 3.对本地离线存贮的更好支持 4.新的特殊内容标签 :article header footer nav section 5. 新的表单控件:calendar date time url email search 6. Safari Chrome Fire…

H5学习之旅-H5列表（8）

列表的基本语法 ol:有序列表 ul:无序列表 li:列表项 dl:列表 dt:列表项 dd:列表描述 常用列表 1.无序列表:使用标签 ul,li 属性:disc(默认实心圆) circle (空心圆)square (方块) 2.有序列表:使用标签ol,li 属性:A(大写字母) a (小写字母)l (大写罗马数字)i (小写罗马数字)start (设置开始阿拉伯数字) 3.混合列表 : 使用标签 ul ol li 4.自定义列表 : 使用标签 dl dt dd !!!!!!代码实例 <!DO…

H5 学习之旅-H5表格（7）

表格语法 table:简历表格 captian:表格标题 th:表格行表头 tr:表格行 td:单元格 thead:表格页眉 tfoot:表格页脚 tbody:表格主体 col:列属性 !!!代码实例 带标题的表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>H5表格</title> </hea…

H5学习之旅-H5的格式化（4）

H5的格式设置: b代表是粗体 i斜体 big 字体变大 small变小 em强调 strong 加强和变粗差不多 sub 定义下标字 sup 定义上标字 ins 插入字 del 删除字 代码实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>H5 Study</title> </head>…

H5学习之旅-H5的框架（13）

H5框架语法介绍 :frame:框架对于页面的设计有很大的作用 frameSet:框架集标签定义如何将窗口分割为框架 ,每一个frameset定义一些列行或者列,rowS/COLS规定了每行或者每列占据屏幕的面积 noresize:固定框架大小 cols:行比例 rows:列比例 iframe:内联框架 代码实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8…

H5学习之旅-H5与Php交互（12）

1.首先介绍PHP开发环境的搭建 ,在Google搜apachefriends,会有xampp的下载链接,这个工具集成了apache的很多服务 2.搭建php的编辑环境,选取eclipse安装php插件,首先install other software,在搜索框里面输入http,然后选取对应版本eclipse的软件库 ,从下面的program language里面选择php 效果图如下 ![这里写图片描述](http://img.blog.csdn.net/20150921112554 一个简单…

H5学习之旅-H5的表单（11）

H5的表单元素 form:表单 input:输入域,type属性可以设置text,password,button等不同的属性 textarea:文本域 lable:控制标签 fieldset:定义域 legend:域的标题 select:选择列表 optgroup:选项组 option:下拉列表中的选项 button:按钮 !!!!!!!!!!代码实例 <!DOCTYPE html> <html lang="en"> <head> <meta…