从零开始的HTML5之路(一)

从零开始的HTML5之路(一)

HTML5的优点

  1. 跨平台运行

  2. 硬件要求低
  3. flash之外的选择

HTML5的新特性

  1. 用于绘画的canvase标签

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

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

  4. 新的特殊内容元素

    如:article、footer、header、nav、section

  5. 新的表单控件

    如: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头文件

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

通用声明

HTML5

<!DOCTYPE html> 

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

HTML基础标签

HTML元素

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

​ 例如

<a href="#">内容</a>

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

HTML元素语法:

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

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

  • 大多数HTML元素可拥有属性

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


HTML属性

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

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

  3. 常用标签属性:

    "< h1>":align对齐方式

    "< body>":bgcolor背景颜色

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

  4. 通用属性

    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</h1>
    < h2>标题2</h2>
    < h3>标题3</h3>
    < h4>标题4</h4>
    < h5>标题5</h5>
    < h6>标题6</h6>

HTML段落

​ HTML段落是由

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

标签是块级元素。

<p>段落一</p>
<p>段落二</p>

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

猜你喜欢

转载自www.cnblogs.com/ODevil/p/12482610.html