初识HTML

1.HTML的全称：Hyper Text Markup Language（超文本标记语言）

发展历程：现在使用的规范是XHTML1.0 更新的是HMTL5，已经应用到企业的开发中了。

2.书写自己的第一个HTML页面

注意点：01.标签成对出现，除非是自身闭合标签

02.所有标签均小写。

03.注意缩进

3.常见问题：

01.如果title标签没有闭合，那么在body中出现的内容不会被显示。

02.确保自己电脑上的扩展名选项没有被打钩，否则可能导致你书写的页面无法执行。

4.三种文档类型

①Strict 严格类型：这种声明完全符合W3C的标准，要求较严

②Transitional 过渡类型：也称松散声明 相比严格类型 要松散一些

③Frameset 框架类型：严格类型中不允许使用框架，当页面中需要使用框架的时候，则使用该声明

我们最常用的是过渡类型

5.常见的网页编码方式：

01.gb2312：简体中文

02.iso-8859-1：只能显示英文

03.utf-8:通用编码

04.Big5:繁体中文

6.咱们所说的meta标签中的keywords和description都是用来让搜索引擎更好的收录我们的网站信息来使用。

7.W3C是一个组织，它的职责是用来定义标准的。

HTML

CSS

8.h1标签字体加粗，并且放大，从h1到h6字体依次减小。

9.P段落标签形成的效果，和正常的文本内容之间有一个空行

10.<br/>:换行，自身闭合标签

11.<hr/>:一条直线，自身闭合标签。

12.特殊符号

01.空格

02.大于号： >

03.小于号: <

04.版权符号 ©

05.引号 ： "

13.常见的图像格式

01.JPG :被互联网广泛支持的图像格式，可以通过压缩JPG文件品质和文件大小之间达到良好的平衡

02.GIF：支持动画的格式

03.BMP:位图。不适合Web

04.PNG :新型的一种图片格式，部分旧的浏览器不支持的问题

14.图像标签

<img src="图片途径" alt="图像的替代文字" title="鼠标停留提示文字"width="设置图片的宽度"height="设置图片的高度">

alt一般配合src来使用，图片的高度与宽度可以不设置，则显示图片的正常大小

15.链接标签

01.超链接分两部分:①链接地址，可以是某个网址或文件的路径，对应为<a>标签的 href属性②是链接文本或图像，单击该文本或图像，将跳转到href属性指定的链接地址

基本语法如下：<a href="链接地址" target="目标窗口位置">链接文本或图像</a>

href:表示链接地址的路径

target:指定链接在哪个窗口打开，常用的值有_self （自身窗口） _blank（新建窗口）

02.根据链接的地址是指向站外文件还是站内文件，链接地址又分为绝对路径和相对路径

绝地路径：指向目标地址的完整描述，一般指向本站点外的文件。如：<a href="http://www.baidu.com/"></a>

相对路径:相对于当前页面的路径，一般指向本站点内的文件，所以一般不需要一个完整的URL地址的形式。如：<a href="本地目录下的的文件"></a>

03.超链接的应用场合

①页面间链接：A页到B页，最常用，用于网站导航

②锚链接:A页位置1到A页位置2 或者A页位置1到B页位置2

③功能性链接：在页面中调用其他应用程序.如：电子邮件，QQ,MSN 等。