1、HTML简介

1.1概述

THML：Hyper Text Markup Language，超文本标记语言

作用:定义网页的内容

标记<关键字> ：   

1.2浏览器

常用浏览器：Chrome, Safari,Opera,firefox，不同的浏览器内核可能不同。浏览器的兼容性实际上我们需要做的就是内核的兼容。

1.3开发工具

IDE：集成开发环境

Hbuilder:下载，安装，创建工程，书写html入门程序，浏览器运行

1.4程序

2、HTML基本结构

2.1基本结构，文档声明

标记（标签）语言：将数据、媒体、文本内容以固定的层级格式排列起来的编码技术，html就是标记语言。

Html文档模式：

严格模式：按照当前浏览器的能支持的最高版本进行元素的渲染。

混杂模式：使用DTD限制当前浏览器按照当前某一个版本进行元素渲染。

模式的声明方式：

Html5中的声明方式如下，严格模式。

Html4的声明方式：依照定义的dtd文件格式进行html渲染，混杂模式。

Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2.2网页头信息

1、title   

2、style    

3、meta   

可以字符集，关键词，描述信息，作者，日期，时间，版权

keywords－关键字：
Description－简介： 
Author－作者： 
Copyright -版权：
content-Language -显示字符集的设定：
content-Type-定义网络文件的类型和网页的编码：

4、link

1）、引入外部CSS：

2）、为网页添加图标：

5、script

1）、提醒框：<script> alert("中软国际欢迎您！"); </script>

2）、引入外部js：<script charset="UTF-8" src="001.js"></script>

2.3特殊字符

&It;he&    llo;>

输出：s 

2.4注释

注释：当前程序文字描述，用于提高程序的可读性。

html注释的特点：

加载到客户端，从而影响网页打开速度。

不会被执行，不会影响加载后的执行。

html、css、js的注释可以被第三方工具删除。

html注释的编写方式：

建议在程序开发中增加注释，提高代码的质量。

2.5标签格式

1）、闭合标签：由开始标签和结束标签组成，开始标签:<标签名>，结束标签

2）、非闭合标签:只有一个开始标签,<标签名/>

2.6共有属性

Html中的所有元素都具有以下几个属性：

class:为标签声明类名

id:标签的唯一标志，不可重复的

style:每一个标签都可以设置样式，改变显示

title:为标签设置标题，后面讲的时候注意，当鼠标移入标签，在鼠标的右下角显示出的文字