第一章 HTML5基础
1,HTML基本结构
<!DOCTYPE html>
告诉浏览器使用什么规范
<html>
头部:
<head>
<meta charset="UTF-8">
<title>第一个网页</title>
</head>
主体:
<body>我的第一个网页</body>
</html>
注意:< body>、</body>等成对的标签,分别叫开放标签和闭合标签 单独呈现的标签(空元素),如 <hr/> ;意为用 / 来关闭空元素
2,网页基本信息
<!DOCTYPE html> 告诉浏览器使用什么规范
<title>标签
<meta>标签
<meta name="keywords" content="鸿卓乐学,IT培训" />
其中“keywords”表示搜素关键字
<meta charset="UTF-8" />
其中gb2312包含全部中文字符
utf-8 则包含全世界所有国家需要用到的字符
页面编码应与页面文件保存时的编码一致
3,网页的基本标签
标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签
<p>…</p>
换行标签
<br/>
水平线标签
<hr/>
字体样式标签
加粗:<strong>…</strong>
斜体:<em>…</em>
注释和特殊符号:
 ;表示空格
>;表示>
&it;表示<
";表示引号(")
©;表示版权号@
图像标签
格式:<img src="path" alt="text" title="text" width="x" height="y"/>
img src表示:图像地址 alt:表示图像的替代文字 title:表示:鼠标悬停提示文字
链接标签:页面间链接 从一个页面链接到另外一个页面
格式:<a href="path" target="目标窗口位置">链接文本或图像</a>
例子:文本超链接例子:<a href="detail.html" target="_blank">姑娘,欢迎降落在这残酷的世界</a>
设置传送锚点:从A页面的甲位置跳转到本页中的乙位置 从A页面的甲位置跳转到B页面中的乙位置
例子:<a name="b1"> 定位</a>
(相当于定位传送的锚点)
<a href="#b1">传送到定位地方</a>
(选择传送的位置)
4,行内元素和块元素
行内元素 内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…) 块元素 无论内容多少,该元素独占一行(p、h1-h6…)