韩顺平 php大牛班课程,2016泰牛程序员韩顺平PHP大牛班HTML课程完整笔记资料.doc...

轻松搞定HTML

第 1 章HTML介绍1

1.1基本概念:1

1.2基本案例1

1.3html可以做什么?1

1.4html的发展历史2

1.5w3c的介绍2

1.6项目演示3

1.7html的运行原理4

1.8html开发工具5

1.9html文档的基本结构6

1.10html开发的几个重要的概念6

第 2 章html的核心标签9

2.1html的头标签9

2.2base标签9

2.3doctype标签10

2.4关于文本的几个标签 p , font => style=""10

2.5字符实体11

2.6超链接标签12

2.7图像标签13

2.8图像映射15

2.9表格标签16

2.10无序列表标签ul li22

2.11有序列表ol li23

2.12定义列表标签[了解]24

2.13html的框架标签25

2.14iframe标签的使用29

2.15表单相关的元素30

2.16扩展的知识点34

HTML介绍

基本概念:

HTML(HyperText Mark-up Language)即超文本标签语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

基本案例

test.html

hello,world

我的内容

html可以做什么?

html的发展历史

简单的历史:

w3c的介绍

项目演示

html的运行原理

运行的原理图:

hello

远程访问的方式

这里，我们说明一下，http请求和http响应是在浏览器底层出现的，后面我们会详细的介绍http协议.

html开发工具

使用哪个工具，根据要求而定.我们先使用editplus

html文档的基本结构

html开发的几个重要的概念

标签: 在html开发中，有双标签 内容标签名> , 单标签

常用的标签: 在w3c手册有!

内容标签名>

关于标签和元素的概念

元素是 : 内容标签名> 整个是一个html元素

关于editplus的使用说明

现在，大家可以现在桌面上创建一个 xxx.html ,然后使用editplus打开即可.

问题: 如何去掉.bak 和 修改默认的文件编码

html的核心标签

html的头标签

先使用editplus定义一个htmtl文件的模板文件 myhtml.html

myhtml.html

New Document

把这个模板文件，拷贝到你的editplus目录下即可

配置一下 工具->配置用户工具->添加一下即可

可以使用

base标签

?

doctype标签

现在基本上是

这个标签浏览器会看，但是并不完全依赖该声明，自己有一个默认的处理机制

目前用的还要一个 【sohu】

关于文本的几个标签 p , font => style=""

字符实体

基本的说明是： w3c 去查看

案例:

注意的细节: 字符实体区分大小写

超链接标签

基本用法是: 文字，图片

举例:

现在完成一个，在test.html 页面中设置一个 返回的 超链接，点击后，就返回原来的页面

代码实现:

跳转到另外一个页面的锚点

跳转

name 和 id就是锚点名称

如果要发送电子邮件