html5+css html基础+文本控制标记+图像标记

#html基础
##html5文档基本格式
新建html5文档时，会自带一些源代码，如图：

1.<!doctype>标记
位于文档最前面，向浏览器说明当前文档使用哪种html标准规范。代码如下：

2.<html标记
也称为根标记。告知浏览器其本身是一个html文档。意味着html文档的开始。在它们之间是文档的偷不去和主体内容。
3.<head标记
定义HTML文档的头部信息，也称为头部标记。主要用来封装其他位于文档头部的标记。例如：

用来描述文档的标题，作者，以及与其他文档的关系等。
4.<body标记
用于定义文档所要显示的内容，也称为主体标记。
一个HTML文档中只能有一对<body标记，且<body标记必须在<html标记中，位于<head之后，与<head是并列关系。
二.HTML5语法
1.标签不区分大小写，尽量小写。
2.允许属性值不加引号，尽量加。
3.允许部分属性值得属性省略。
##.HTML标记
1.单标记和双标记
（1）.双标记
<标记名>内容</标记名>
（2）.单标记
<标记名/>
2.注释标记

##.标记属性
<标记名 属性1=" " 属性2=" " 属性3=" " …>内容</标记名>
五.HTML5文档头部相关标记
1.设置页面标题<title
演示如下：

2.定义页面元信息标记`<meta /
(1).<mata name=“名称” content=“值”/
·设置网页关键字
·设置网页描述
·设置网页作者
(2)…<mata http-equiv=“名称” content=“值”/
·设置字符集
·设置网页自动刷新与跳转

3.引用外部文件标记<link

4.内嵌样式标记<style

##文本控制标记

align属性设置对齐方式
left:左对齐
center：居中对齐
right:右对齐

常用属性




##图像标记
常用图像格式有GIF格式，PNG格式，JPG格式

绝对路径和相对路径
1.绝对路径
指网页上的文件或目录在硬盘上的真正路径。
2.相对路径
相对于当前文件的路径，相对路径不带有盘符通常是以HTML网页文件为起点，通过层级关系描述目标图像的位置。网页中推荐使用相对路径。

##超链接标记
1.创建超链接

(1)href:用于链接目标的url地址
（2）target:指定链接页面的打开方式
2.锚点链接
创建锚点链接的 步骤

使用<a href="id名"> 创建链接文本
使用相应的id名标注跳转目标的位置