HTML5基础总结第一章

前端基础HTML第一章

1.HTML5概述

1.1HTML是一种用来描述网页的语言，即它不是一种标记语言，是网页制作必备的。
HTML 1.0 1993年——HTML2.0 1995年——HTML3.2 1996年——HTML4.0 1997年——HTML4.0.1 1999年——XHTML1.0 2000年——XHTML1.1 2001年——XHTML2.0 2009年——HTML5.0 2013年

1.2开发网页的工具可以用如：记事本，Dreamweaver，UstraEdit，Sublime，WebStorm，VS Code。

1.3HTML5文件的基本结构如下。

（1）文件类型声明。
此标签说明文件说HTML5文件。所有的HTML5文件开始于文件声明之后，它说明了文件的类型及其所遵守的标准规范集。
（2）< html>标签对。
< html >标签位于HTML5文件的最前面，用来识别HTML5文件的开始；</ html >标签位于HTML5文件最后面，用来标识HTML5文件的结束
（3）< head>标签对。
< head >标签可以包含一些辅助性标签，
（4）< body>标签对。
< body>标签是HTML5文件的主体部分，。
(5)< mate>标签对
meta是HTML语言head区的一个辅助性标签
(6)< title>标签对
title标题主要用于告诉用户和搜索引擎这个网页的主要内容是什么，而且当用户在百度网页搜索中搜索到你的网页时，title会做为最重要的内容显示在摘要中，搜索引擎在判断一个网页内容权重时，title是主要参考信息之一
1.4HTML5的优势
3.1a.Html5具有合理的扩展能力，具备良好的跨平台性能，能有效提高工作效率。

2.网页的基本标签

2.1标题标签

标题标签用来定义页面文档的标题，可以分成6个不同的级别，即< h1>，< h2>,< h3>,< h4>,< h5>,< h6>，1最大。

2.2段落标签

用来分段换行，可在内容前加< p>，内容后加< /p>。

2.3

换行加入< br/>。要注意，标签没有结束标签，属于单标签。成对出现的标签属于双标签。

2.4

水平线< hr/>标签用于插入水平线。它属于单标签。

2.5字体样式标签

< strong>标签让文本加粗，使用< strong>标签让字体加粗。属于双标签

2.6斜体字

使用< em>标签让字体倾斜，属于双标签。

2.7注释

< !–在这里注释–>

2.8

特殊	字符实体
空格	&nbsp
大于号	&gt；
小于号	&lt
引号	&quot
版权符号	&copy

3.图像标签

3.1图像格式

:（1）JPG格式
是最常用的一种文件格式，手机相机拍照的照片也是JPE格式。
（2）PNG格式
PNG也是常见的一种图片格式，PNG图片支持透明背景
（3）GLF格式
GIF格式的最大特点是支持动态图片，并且支持透明背景。表情包都是GIF格式的，
（4）BMP格式
BMP格式包含的图像信息较丰富，几乎不进行压缩，但由此导致了它占用的存储空间很大。

3.2

< img scrt=“图像地址”/>
< title=“鼠标指针所在的时的文本”>
< alt=“图像不能显示时替代的文本”>
< width=“定义图像的宽度”>
< heigth=“定义图像的高度”>

4.超链接标签

4.1超链接

< a href=“链接地址” target=“目标窗口位置”>文本或者图像 </ a>

4.2四种href路径：

（1）绝对路径就是当前目录下的绝对位置，直接到达目标位置，例如，C:Program Fi;es(x86)\Adobe\PhotoshopCS6
（2）相对路径指这个文件所在的路径引起的其他文件（或文件夹）的路径关系，例如：< a href= “detail.html”>< /a>表示链接地址为当前页面所在路径的detail的目录下的detail.html页面。“…/”表示当前目录的上级目录，“…/…/”表示当前目录的上上级目标。
（3）服务器发布服务使用的URI/URL，服务器上存储某个文件的文件路径，使用的管道，或者是消息通讯的路由都可以被业余的人称之为“服务器路径”。
（4）井号：表示网页中的一个位置，被称之为锚点，常用于某个网页间不同位置的跳转，简单的说就是在一个网页中，URL 不变的情况下，通过添加“#buy”的字符在 URL 最后可以跳转到当前网页中已经定义好的锚点（id=“buy”）位置；同样#的改变也会增加浏览器的历史记录，也就是说我们可以通过“后退”按钮回到上一个位置，

4.3行内元素和块级元素

块级元素指的是 无论内容多少都只占用一行 且结束换行
块级元素指的是 宽度由他们内容决定而其他标签可以接着在同一行排列