1.HTML5基本结构和W3C标准


HTML——
  Hyper Text Markup Language(超文本标记语言)
超文本包括:文字,图片,音频,视频,动画等


W3C
  World Wide Web Consortium(万维网联盟)
  成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
——http://www.w3.org/
——http://www.chinaw3corg/


W3C标准包括
——结构化标准语言(HTML,XHTML,XML)——(搭结构框架网页)
——表现标准 语言(CSS)                         ——(美化网页)
——行为标准(DOM,ECMAScript)           ——(添加网页音频,视频,动画)
W3C标准包括结构化标准语言,表现标准语言和行为标准语言



HTML——网页基本结构
<body>  ,  </body>等成对的标签,分别叫开放标签和闭合标签
单独呈现的标签(空元素),如<hr/>;意为用/来关闭空元素


DOCTYPE声明
<!DOCTYPE html>   ——告诉浏览器使用什么规范(html规范)


<meta>标签
<meta charset="UTF-8">
"UTF-8"——表示网页字符编码,推荐utf-8,还可以设置为gb2312
gb2312包含全部中文字符,utf-8则包含全世界所有国家需要用到的字符
页面编码应与页面文件保存时的编码一致


网页的基本结构包括头部和主体
<!DOCTYPE html>  (DOCTYPE声明——告诉浏览器使用什么规范(html规范))
<html lang="en">     (html标签中的lang属性作用:声明当前页面的语言类型)
<head> (表示头部)
    <meta charset="UTF-8">  (<meta>标签"UTF-8"——表示网页字符编码,推荐utf-8,还可以设置为gb2312)
    <title>网页标题</title>(<title>表示网页标题)
</head>(表示头部)


<body>  (表示主体)
 网页主体内容
</body>(表示主体)
</html>


写在html标签中的lang属性作用:声明当前页面的语言类型。
如:
 <html lang='en'></html> //英文


 <html lang='zh'></html> //中文


 <html lang='ja'></html> //日文


 <html lang='en-us'></html> //美式英文


注意:lang属性中的语言代码不区分大小写
 <html lang='en-us'></html> //英文


 <html lang='en-US'></html> //英文


上面的两行代码一样的效果。
另外,lang属性也可以加到普通标签上。
如:
<div lang='en'>this is English .</div>



2.网页的基本标签


基本网页标签
1.标题标签——(双标签)
<h1>...</h1>
<h2>...</h2>
....................
<h6>...</h6>
2.段落标签——(双标签)
<p>...</p>



3.换行标签——(单标签)
<br/>——(语句换行)



4.水平线标签——(单标签)
<hr/>



5.字体样式标签——(双标签)
加粗:<strong>...</strong>——(字体加粗)
斜体:<em>...</em>——(字体斜体)



6.注释和特殊符号
1)注释<!--内容注释-->



2)特殊符号——字符实体
空格——&nbsp;
大于号(>)——&gt;
小于号(<)——&lt;
引号(")——&quot;
版权符号@——&copy;





3.图像标签



常见的图像标签
1.JPG格式
体积很小,比较清晰


2.GIF格式
GIF格式文件支持透明色,还支持动画


3.PNG格式
图像文件存储格式,它兼有GIF格式和JPG格式的优势
PNG是一种新兴的Web图像格式


4.BMP格式
BNP格式它是拉图,它不支持文件压缩,也不适用于Web页


图像标签基本语法
<img src="图像地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图像的宽度"
height="图片的高度"/>



4.超链接标签


1.超级链接标签
语法
<a href="链接地址" target="目标窗口位置" 常用的取值有_self(自身的窗口),_blank(新建窗口)>链接
文本或图像</a>


2.锚标签
<a href="#marker">当前位置甲</a>


3.行内元素和块元素
块元素特性:无论内容多少,改素数独占一行 <p>段落标签</p>,<h1>标题标签</h1>
行内元素特性:内容展开宽度,左右都是内行元素的可以排在一起 <a href="#">超链接a元素</a>
<strong>strong元素</strong>,<em>em元素</strong>