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

轻松搞定HTML 第 1 章 HTML介绍 1 1.1 基本概念: 1 1.2 基本案例 1 1.3 html可以做什么? 1 1.4 html的发展历史 2 1.5 w3c的介绍 2 1.6 项目演示 3 1.7 html的运行原理 4 1.8 html开发工具 5 1.9 html文档的基本结构 6 1.10 html开发的几个重要的概念 6 第 2 章 html的核心标签 9 2.1 html的头标签 9 2.2 base标签 9 2.3 doctype标签 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 li 22 2.11 有序列表ol li 23 2.12 定义列表标签[了解] 24 2.13 html的框架标签 25 2.14 iframe标签的使用 29 2.15 表单相关的元素 30 2.16 扩展的知识点 34 HTML介绍 基本概念: HTML（HyperText Mark-up Language）即超文本标签语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 基本案例 test.html !DOCTYPE html html head meta charset=utf-8 titlehello,world/title /head body 我的内容 /body /html html可以做什么? html的发展历史 简单的历史: w3c的介绍 项目演示 html的运行原理 运行的原理图: phello/p 远程访问的方式 这里，我们说明一下，http请求和http响应是在浏览器底层出现的，后面我们会详细的介绍http协议. html开发工具 使用哪个工具，根据要求而定.我们先使用editplus html文档的基本结构 html开发的几个重要的概念 标签: 在html开发中，有双标签 标签名内容/标签名 , 单标签 标签名 常用的标签: 在w3c手册有! p a 标签名内容/标签名 img 关于标签和元素的概念 元素是 : 标签名内容/标签名 整个是一个html元素 关于editplus的使用说明 现在，大家可以现在桌面上创建一个 xxx.html ,然后使用editplus打开即可. 问题: 如何去掉.bak 和 修改默认的文件编码 html的核心标签 html的头标签 先使用editplus定义一个htmtl文件的模板文件 myhtml.html myhtml.html !DOCTYPE html html head meta charset=utf-8 title New Document /title /head body /body /html 把这个模板文件，拷贝到你的editplus目录下即可 配置一下 工具-配置用户工具-添加一下即可 可以使用 base标签 img src=aaa.jpg? doctype标签 现在基本上是!DOCTYPE html 这个标签浏览器会看，但是并不完全依赖该声明，自己有一个默认的处理机制 目前用的还要一个!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 【sohu】 关于文本的几个标签 p , font = style= 字符实体 基本的说明是： w3c 去查看 案例: 注意的细节: 字符实体区分大小写 超链接标签 基本用法是: a href=你的页面或资源的url地址文字，图片/a 举例: 现在完成一个，在test.html 页面中设置一个 返回的 超链接，点击后，就返回原来的页面 代码实现: 跳转到另外一个页面的锚点 a href=/index.html?#abc跳转/a name 和 id就是锚点名称 如果要发送电子邮件 a href=mailto:abc@?subject=hello联系管理员/a 注意：需要安装一个邮件客户端软件 foxmail , express 图像标签 基本的用法 img src=图片的路径 width=xx