首页 / JAVASCRIPT / HTML5&&JavaScript

HTML5&&JavaScript

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML5&&JavaScript，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2190字，纯文字阅读大概需要4分钟。

内容图文

  • 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&&JavaScript - 文章图片

  • 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的使用

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

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

内容总结

以上是互联网集市为您收集整理的HTML5&&JavaScript全部内容，希望文章能够帮你解决HTML5&&JavaScript所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/618163.html

来源：【匿名】