零基础建站培训介绍

当前位置:

html5从入门到精通

1、什么是HTML5

HTML又叫超文本标记语言,是一种用来制作网页的计算机语言。透过html的标签,将影像、声音、图片、动画、影视等内容在网页中显示出来

HTML的发展历程

HTML1.0——在1993年6月诞生
HTML 2.0——1995年11月发布,
HTML 3.2——1996年1月14日发布
HTML 4.0——1997年12月18日,W3C推荐标准
HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
HTML 5 的第一份正式草案已于2008年1月22日公布,2014年正式宣布经过艰苦努力,该标准规范终于制定完成

1、HTML5优点

a、HTML5并不是取代以前的版本,而是更加完善;
b、书写更加简单
c、更好的视频和音频支持
d、网页代码层次更清晰、更利于网站排名优化 (网页结构优化 SEO优化)
e、完美的支持移动端网站、甚至手机网络游戏
f、它是HTML的发展方向

开发工具:DW CS6
下载和安装:Dreamweaver 下载与安装

HMTL5书写规范

1.代码缩进,使用Tab键。

2.标签通常是成对出现的,一开一关。也存在一些单标签,如:<meta />、<br />等。

3.标签与它的属性都必须小写。

HMTL5标签:

1、a标签:超链接<a href="http://www.baidu.com">百度</a>
2、br标签:换行 <br/>
3、H标签:标题标签 <h1>文章的标题</h1> SEO优化
4、hr标签:水平线标签 <hr/>
5、IMG标签:图片标签<img src="tp.png" width="150px" height="50px" alt="百度标志"/>
6、P标签:段落标签<p>一段文字</p>
7、ul标签:无序列表 <ul><li></li></ul>
8、ol标签:有序列表

9、li标签:列表项
10、table\tr\td标签:表格
11、span标签
12、form标签 表单标签
13、div标签-----无语义标签 网页布局
------------------HTML5专用元素(语义标签)------------
14、header元素  表示一个区域或整个区域的头部区域。

15、nav元素表示导航部分
16、article元素表示一块独立的内容,必须包含H标签
17、section元素表示 页面中的每一块内容区域都可以使用
18、aside元素表示article元素内容之外的信息,内容的辅助信息、侧边栏
19、<footer> 标签定义 section 或 document 的页脚
20、<main> 标签规定文档的主要内容。只能出现一个

HMTL5新的网页结构:

 

 

21、time元素代表24小时内的某个小时或者日期
22、<address> 标签定义文档或文章的作者联系信息。
23、<mark>文本中高亮显示某个或某几个字符
24、<details> 标签定义元素的细节,通过点击进行隐藏
25、<summary> 标签包含 details 元素的标题,
26、<hgroup> 标签用于对网页多个标题进行组合。
27、<figure> 标签定义一组媒体内容
28、<figcaption> 标签定义 figure 元素的标题。

29、<audio> 标签定义声音,比如音乐或其他音频流
30、<video> 标签定义视频,比如电影片段或其他视频流

---------------HTML5废除的标签-------------------------------

•1.能使用css代替的元素
big、center、font、s、strike(加删除线)、tt(打字机文字效果)、u这些元素(下划线),
2.不再使用frame框架
在html5中已不再支持frame框架,只支持iframe框架
•3.只有部分浏览器支持的元素
对于applet、bgsound、blink、marguee等元素,由于只有部分浏览器支持这些元素,所以在HTML5中被废除。



本课中写的二个HTML页面下载:
h5.html:  h5.html (3.42 KB, 下载次数: 1877) 
h6.html:  h6.html (2.81 KB, 下载次数: 1943) 

上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 制作手机版网站的时候,除了页面简洁、操作方便等访问者可以看到的地方以外,就是 Meta 标签的设置,合理设置 Meta 标签 对手机版网站的搜索引擎优化
  • HTML5新增标签及含义 (16402 次浏览)
    HTML5较以前的HTML版本,增加了很多的标签:属性值描述autoplayautoplay如果出现该属性,则视频在就绪后马上播放。contr
  • header元素nav元素article元素section元素aside元素<footer> 标签time元素<audio> 标签<canvas> 标签<command> 标签<data
  • html5从入门到精通 图文教程 (13421 次浏览)
    1、什么是HTML5HTML又叫超文本标记语言,是一种用来制作网页的计算机语言。透过html的标签,将影像、声音、图片、动画、影视等内容在网页中显示出