html+css基础
第1章 Html介绍
- 1-1 代码初体验,制作我的第一个网页
- 1-2 Html和CSS的关系
- 1-3 认识html标签
- 1-4 标签的语法
- 1-5 认识html文件基本结构
- 1-6 认识head标签
- 1-7 了解HTML的代码注释
第2章 认识标签(第一部分)
- 2-1 语义化,让你的网页更好的被搜索引擎理解
- 2-2 <body>标签,网页上显示的内容放在这里
- 2-3 开始学习<p>标签,添加段落
- 2-4 了解<hx>标签,为你的网页添加标题
- 2-5 加入强调语气,使用<strong>和<em>标签
- 2-6 使用<span>标签为文字设置单独样式
- 2-7 <q>标签,短文本引用
- 2-8 <blockquote>标签,长文本引用
- 2-9 使用<br>标签分行显示文本
- 2-10 为你的网页中添加一些空格
- 2-11 认识<hr>标签,添加水平横线
- 2-12 <address>标签,为网页加入地址信息
- 2-13 想加入一行代码吗?使用<code>标签
- 2-14 使用<pre>标签为你的网页加入大段代码
第3章 认识标签(第二部分)
- 3-1 使用ul,添加新闻信息列表
- 3-2 使用ol,添加图书销售排行榜
- 3-3 认识div在排版中的作用
- 3-4 给div命名,使逻辑更加清晰
- 3-5 table标签,认识网页上的表格
- 3-6 用css样式,为表格加入边框
- 3-7 caption标签,为表格添加标题和摘要
第4章 认识标签(第三部分)
- 4-1 使用<a>标签,链接到另一个页面
- 4-2 在新建浏览器窗口中打开链接
- 4-3 使用mailto在网页中链接Email地址
- 4-4 认识<img>标签,为网页插入图片
第5章 与浏览者交互,表单标签
- 5-1 使用表单标签,与用户交互
- 5-2 文本输入框、密码输入框
- 5-3 文本域,支持多行文本输入
- 5-4 使用单选框、复选框,让用户选择
- 5-5 使用下拉列表框,节省空间
- 5-6 使用下拉列表框进行多选
- 5-7 使用提交按钮,提交数据
- 5-8 使用重置按钮,重置表单信息
- 5-9 form表单中的label标签
第6章 开始学习CSS,为网页添加样式
- 6-1 认识CSS样式
- 6-2 CSS样式的优势
- 6-3 CSS代码语法
- 6-4 CSS注释代码
第7章 CSS样式基本知识
- 7-1 内联式css样式,直接写在现有的HTML标签中
- 7-2 嵌入式css样式,写在当前的文件中
- 7-3 外部式css样式,写在单独的一个文件中
- 7-4 三种方法的优先级
第8章 CSS选择器
- 8-1 什么是选择器?
- 8-2 标签选择器
- 8-3 类选择器
- 8-4 ID选择器
- 8-5 类和ID选择器的区别
- 8-6 子选择器
- 8-7 包含(后代)选择器
- 8-8 通用选择器
- 最近学习 8-9 伪类选择符
- 8-10 分组选择符
第9章 CSS的继承、层叠和特殊性
- 9-1 继承
- 9-2 特殊性
- 9-3 层叠
- 9-4 重要性
第10章 CSS格式化排版
- 10-1 文字排版--字体
- 10-2 文字排版--字号、颜色
- 10-3 文字排版--粗体
- 10-4 文字排版--斜体
- 10-5 文字排版--下划线
- 10-6 文字排版--删除线
- 10-7 段落排版--缩进
- 10-8 段落排版--行间距(行高)
- 10-9 段落排版--中文字间距、字母间距
- 10-10 段落排版--对齐
第11章 CSS盒模型
- 11-1 元素分类
- 11-2 元素分类--块级元素
- 11-3 元素分类--内联元素
- 11-4 元素分类--内联块状元素
- 11-5 什么是盒模型 (02:14)
- 11-6 盒模型--边框(一)
- 11-7 盒模型--边框(二)
- 11-8 盒模型--宽度和高度
- 11-9 盒模型--填充
- 11-10 盒模型--边界
第12章 CSS布局模型
- 12-1 css布局模型
- 12-2 流动模型(一)
- 12-3 流动模型(二)
- 12-4 浮动模型
- 12-5 什么是层模型?
- 12-6 层模型--绝对定位
- 12-7 层模型--相对定位
- 12-8 层模型--固定定位
- 12-9 Relative与Absolute组合使用
第13章 CSS代码缩写,占用更少的带宽
- 13-1 盒模型代码简写
- 13-2 颜色值缩写
- 13-3 字体缩写
第14章 单位和值
- 14-1 颜色值
- 14-2 长度值
第15章 css样式设置小技巧
- 15-1 水平居中设置-行内元素
- 15-2 水平居中设置-定宽块状元素
- 15-3 水平居中总结-不定宽块状元素方法(一)
- 15-4 水平居中总结-不定宽块状元素方法(二)
- 15-5 水平居中总结-不定宽块状元素方法(三)
- 15-6 垂直居中-父元素高度确定的单行文本
- 15-7 垂直居中-父元素高度确定的多行文本(方法一)
- 15-8 垂直居中-父元素高度确定的多行文本(方法二)
- 15-9 隐性改变display类型
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 1.<!--注释文字 --> 2 2.<p>段落文本</p> 3 3.<hx>标题文本</hx> (x为1-6) <h1>是最高的等级 4 4.<q>引用短文本</q> 不用加引号 5 <blockquote>引用长文本</blockquote> 6 5.<em>变斜体</em> 7 <strong>加黑</strong> 8 6.<br />换行 加空格 <hr/>加水平线 9 7.<address>联系地址信息</address> 10 8.<code>加入一行代码</code> 11 <pre>加大段代码</pre> 12 9.消息列表 13 <ul> 没有顺序 <ol> 有顺序 14 <li>信息</li> <li>信息</li> 15 <li>信息</li> <li>信息</li> 16 ...... ...... 17 </ul> </ol> 18 10.<div>…</div> <div>标签的作用就相当于一个容器。在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中 19 11.表格 20 <table summary="表格说明,浏览器中不显示"> 21 <caption>表格标题</caption> 22 <tbody>当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。 23 <tr> <tr>…</tr>:表格的一行,所以有几对tr 表格就有几行 24 <th>班级</th> <th> </th>表头 25 <th>学生数</th> 26 <th>平均成绩</th> 27 </tr> 28 <tr> 29 <td>一班</td> <td></td>:表格的一个单元格,一行中包含几对说明有几列。 30 <td>30</td> 31 <td>89</td> 32 </tr> 33 </tbody> 34 </table>
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 Form中的get和post方法,在数据传输过程中分别对应了GET和POST方法。 2 二者主要区别如下: 3 4 1、Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。 5 如下形式: 6 http://www.imooc.com/test.asp?name=lilian&password=12345678 7 2、Get是不安全的,因为在传输过程,数据被存放在请求的URL地址中,这样就可能会有一些隐私的信息被第三方看到。 8 3、Get方式传输的数据量非常小,一般限制在 2KB 左右,但是执行效率却比 Post 方法好;而 Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击,根据微软方面的说法,微软对用 Request.Form()可接收的最大数据有限制,IIS4中为 80KB 字节,IIS5 中为 100KB 字节。 9 10 综上所述,请尽量用 Post 方法。