• HTML5 是 html(网页) 的第五版标准,历时8年才制定完! HTML5 的设计理念就是移动先行。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。
  • 跨平台: 利用 HTML5 编写的 UI 界面代码能够运行在所有拥有浏览器的平台
  • HTML5 并不是万能的，不能和手机硬件交互。
  • HTML5 是未来的一种趋势! 作为移动端开发人员,要有所了解!
  • APP的开发方式：Web App、Native App、Hybrid App
  • HTML5 的开发使用的UI框架: Sencha-touch  jQuery-Mobile  
  • PhoneGap/Cordova：一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台
  • Written once, run everywhere
  • React Native （ReactJS）
  • Learn once, write anywhere
  • 什么是HTML
  • HTML的全称是HyperText Markup Language，超文本标记语言
  • 其实它就是文本，由浏览器负责将它解析成具体的网页内容
  • 比如，浏览器会将 左边的HTML代码 转换为 右边的网页内容

html5研究目的与意义 html5的设计理念包括_html5研究目的与意义

  • HTML的组成
  • 跟XML类似，HTML由N个标签（节点、元素、标记）组成
  • HTML语法非常松散，目前的最新版是5.0，也就是HTML 5

常见标签

标题：h1、h2、h3、h4、h5....

段落：p

换行：br

容器：div、span（用来容纳其他标签）

表格：table、tr、td

列表：ul、ol、li

图片：img

表单：input

链接：a

http://www.runoob.com/html/html5-intro.html

CSS

  • 什么是CSS
  • CSS的全称是Cascading Style Sheets，层叠样式表
  • 它用来控制HTML标签的样式，在美化网页中起到非常重要的作用
  • CSS的编写格式是键值对形式的
color: red;
background-color: blue;
font-size: 20px;

 

冒号:左边的是属性名，冒号:右边的属性值

CSS的使用

  • CSS有3种书写形式
  • 行内样式：（内联样式）直接在标签的style属性中书写
<body style="color: red;">
  • 页内样式：在本网页的style标签中书写
<style>
    body {
        color: red;
    }
</style>
  • 外部样式：在单独的CSS文件中书写，然后在网页中用link标签引用
<link rel="stylesheet" href="index.css">

CSS的选择器

  • 选择器的作用：选择对应的标签，为其添加样式
  • 选择器的分类：
  • 标签选择器    div { color:red; }
  • 类选择器       .cls {color:blue; }
  • id选择器        #hi { color:orange; }
  • 并列选择器    div, .cls { color: red ; }
  • 复合选择器    div.cls {color:red;}
  • 后代选择器    div  p {color:red;}
  • 直接后代选择器  div > p{color:red;}

CSS常用属性

  • color
  • background-color
  • display

JavaScript

  • 什么是JavaScript
  • JavaScript是一门广泛用于浏览器客户端的脚本语言
  • 由Netspace公司设计，当时跟Sun公司合作，所以名字起得像Java
  • 一般简称JS
  • JS的常见用途
  • HTML DOM操作（节点操作，比如添加、修改、删除节点）
  • 给HTML网页增加动态功能，比如动画
  • 事件处理：比如监听鼠标点击、鼠标滑动、键盘输入

JavaScript的使用

  • JS常见的书写方式有2种
  • 页内JS：在当前网页的script标签中编写
<script type="text/javascript">
</script>
  • 外部JS
<script src=“index.js"></script>

http://www.runoob.com/js/js-tutorial.html