从零开始html5游戏,从零开始的HTML5之路(一)

从零开始的HTML5之路(一)

HTML5的优点

跨平台运行

硬件要求低

flash之外的选择

HTML5的新特性

用于绘画的canvase标签

用于媒介回放的ivdeo和audio元素

对本地离线储存的更好支持

新的特殊内容元素

如:article、footer、header、nav、section

新的表单控件

如:calendar、data、time、email、url、search

Safari、Chrome、Firefox以及Opera包括IE9都支持HTML5。

学习HTML5需要掌握:HTML XHTML CSS CSS3 JavaScript JQuery HTML5

首先我们开始学习HTML。

HTML简介

HTML指的是超文本标记语言:HyperText Markup Language

HTML不是编程语言,而是标记语言

标记语言是一套标记标签

HTML使用标记标签描述网页

HTML文档包含了HTML标签及文本内容

HTML文档也叫Web文档

HTML头文件

""声明有助于浏览器中正确显示网页。网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

通用声明

HTML5

HTML 4.01

/p>

"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML基础标签

HTML元素

​ HTML元素指的是从开始标签到结束标签的所有代码。

​ 例如

内容

​ 其中“内容”就是< a>标签的元素。

HTML元素语法:

元素的内容是开始标签与结束标签之间的内容

空元素在开始标签中进行关闭

大多数HTML元素可拥有属性

大多数的HTML元素都是可以嵌套的。

HTML属性

标签可以拥有属性为元素提供更多的信息

属性以键值对的形式出现。如:id="id"。

常用标签属性:

"< h1>":align对齐方式

"< body>":bgcolor背景颜色

"< a>":target规定在何处打开链接

通用属性

class:规定元素的类名

id:规定元素唯一的ID

style:规定元素的样式

title:规定元素的额外信息

HTML格式化

标签

描述

< b>

定义粗体文本

< big>

定义大号字

< em>

定义着重文字

< i>

定义斜体字

< small>

定义小号字

< strong>

定义加重

< sub>

定义下标字

< sup>

定义上标字

< del>

定义删除字

head标签

​ < head>元素包含了所有的头部标签元素。在< head>元素中你可以插入脚本(scripts)、样式(css)、以及各种meta信息。

​ 可以添加在头部区域的元素标签为: < title>, < style>, < meta>, < link>, < script>, < noscript>, 和< base>.

body标签

​ < body>标签定义文档的主题。其元素包含文档的所有内容。

HTML标题

< h1>标题1

< h2>标题2

< h3>标题3

< h4>标题4

< h5>标题5

< h6>标题6

49021da82684110ebeec93128958c8c7.png

4f13d767605f1f6cac80db6d826eaf02.png

HTML段落

​ HTML段落是由

标签定义的。浏览器会自动在段落的前后添加空行。

标签是块级元素。

段落一

段落二

bfb7ab61388d3c4e445187dc696750e3.png

转载于CSDN的不会自己百度啊,与本博主为同一人

标签:从零开始,定义,标签,元素,之路,标题,HTML,HTML5

来源: https://www.cnblogs.com/ODevil/p/12482610.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值