一 教学目录
1.tml 网页的载体 内容2.css 网页的外观，表现，样式3.javascript 网页特效 幻灯片 选项卡
Tml
快捷键 ctrl + s 保存 ctrl + n 新建 ctrl + z 后退，撤销 ctrl + y 前进 ctrl + / 注释 !+tab 生成网页的通用结构
- 创建一个网页
方法： 1） 新建一个文本文档 把后缀改成
2） 在sublime 编辑器中 ctrl+n 新建一个文件，然后点击右下角的“纯文本”，改成html，保存到桌面或者其他位置即可
在桌面上 以.html 为命名结尾的文件双击打开的时候，用浏览器打开。
2. 标签语法：
1）<标签>内容</标签>
2）<标签>
属性语法：
<标签 属性=值 属性1=值1>内容</标签>
<标签 属性=值 属性1=值1>
crtl + / 可以注释内容，被注释的内容无法显示在网页中，都是给开发人员自己看的。（可以记一些笔记类防止忘记）
html注释语法：
<!-- 注释内容 --> （一定要要有<> 并且先从软件中打开，打开后点击右下角改成html,然后按shift+！之后按tab会生成一页代码）
h1标签是 标题标签 ，可以把里面的内容放大并加粗 独立占一行（类似标题）
h2,h3 --- h6 标签 都是标题标签，文字的大小会依次变小
p 段落标签，每一对P标签在网页中就是一个段落。 独立占一行，并且段落和段落之间有一些间距
在html中，多个空格和回车会被合并成一个空格去显示。如果你想在网页中强制换行 可以用<br>标签
如果想生成多个空格，可以用这个代码
img标签
语法：<img src="图片地址" title="提示文本" alt="替换文本" width="宽度px" height="高度px" >img标签的如果只控制宽度 那么高度会按照原来图片的比例等比缩放 图片地址的格式一般可以这么写 1 D:\\目录\xxx.jpg 2 目录\xxx.jpg 3https://www.baidu.com/img/bd_logo1.png 4 ../目录名/xxx.jpg
自我总结：<插入图片：img src="图片名称如再次电脑中找到该图片，然后复制上方图片地址">， <title=">点击图片时可以显示出的字体"，<alt=">替换文本，当图片不存在时显示出来的内容"，<width="如250px>图片大小 "-->
<hr>标签
语法： 在网页中生成一个水平分割线
插入网页链接
<a href="http://www.baidu.com">baidu</a>标签
<ahref="http://china.coach.com/?utm_medium=sem_br&utm_source=360&utm_campaign=CN_SEM_360brandzone_title">COACH中国官网</a>
插入第二个自己做的网站
<a href="新建文本文档2.html" title="提示文本">点击我跳转另一个页面</a>
通过图片跳转某个网页
<ahref="http://china.coach.com/?utm_medium=sem_br&utm_source=360&utm_campaign=CN_SEM_360brandzone_title"> <img src=" 1.jpg" width=" 250px" ></a>
收获非常多，之前一直认为是那种在学校学习类似c语言那种，结果发现有意思的多。加油