HTML5基础

Posted on 2017-08-26 21:00  卡喵与修正拳  阅读(86)  评论(0编辑  收藏  举报

1.HTML是什么?

HTML是用来描述网页的一种语言,它是一种超文本标记语言,也就是说,HTML不是一种编程语言,仅是一种标记语言.

2.HTML特点

  1. 简易性:超级文本标记语言版本升级采用超级方式,从而更加灵活方便。
  2. 可拓展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
  3. 平台无关性:虽然PC大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是WWW盛行的另一个原因。
  4. 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
3.HTML历史
 
超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组工作草案发布:
HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日,W3C推荐标准
HTML 4.0——1997年12月18日,W3C推荐标准
HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
HTML 5——2014年10月28日,W3C推荐标准
 
4.HTML5的优势
①世界知名浏览器厂商对HTML5的支持
②市场的需求
③跨平台
 
5.HTML5基本结构
 
分为两部分:整个HTML包括头部和主体两部分,头部包括网页标题等基本信息,主体包括网页的内容信息,如图片,文字等;
 
6.网页的基本信息
 
①DOCTYPE声明位于HTML文档的第一行
②<title>标签描述网页的主题
③<meta>标签描述网页的摘要信息
 
7.字符编码
 
gb2312:简体中文;
ISO-885901:纯英文;
big5:繁体;
UTF-8:国际通用的字符编码,同样适用于中文和英文的界面
 
8.网页的基本标签
 
①标题标签<h1>~<h6>
②段落标签<p></p>
③换行标签<br/>
④水平线标签<hr/>
⑤加粗<strong></strong>
⑥倾斜<em></em>
⑦注释<!--注释内容-->
  实体符号以&开头,以;结束;例:  &nbsp;空格  &quot;引号  &copy;版权符号
 
9.图像标签
 
①<img src="图片地址" alt="图像的替代文字" title="鼠标悬停提示文字"width="图片宽度"height="图片高度"/>
 
10.超链接标签
 
①<a href="链接地址" target="目标窗口位置">链接文本或图像</a>
hert表示链接地址的路径;
target常用取值有_self(自身窗口)_blank(新建窗口)
 
11.超链接的应用场合
 
①页面间链接
②锚链接
<a name="marker">目标位置乙</a>
<a href="#marker">当前位置甲</a>
③功能性链接
 
12.行内元素和块元素
 
块元素:无论内容多少,该元素独占一行;
行内元素:内容撑开宽度,左右都是行内元素的可以排在一行;