第一节：html简介
1.概述：html是用来描述页面的一种语言，是指超文本标记语言，使用标签来描述页面，使用浏览器解释执行。
2.用途：开发网页、手机网页、APP
3.开发工具：记事本、notepad++、Dreamweaver、eclipse
4.html结构：<html><head>头部部分</head> <body>主体部分</body></html>
5.标签：
概念：有将括号包围的关键词，通常成对出现，也有单独出现的
第二节：html标签
1.块级标签：显示为“块”状，前后隔一行
( 1 )基本块级标签
标题标签<hn></hn> n=1时字体最大，n=7时字体最小
段落标签<p></p>
水平线标签<hr/>
( 2 )布局块级标签
列表：分类导航或者菜单
有序列表标签：<ol>
<li>...</li>
...
</ol>
无序列表标签：<ul>
<li>...</li>
...
</ul>
定义描述标签：<dl>
<dt>标题/图片</dt>
<dd>描述文字/dd>
...
</dl>
表格:<table><tr><td></td>...</tr>...</table>
表单：<form></form>
分区标签：<div></div> 一般当做结构化块状元素使用，作为分块或容器来使用
div还可以内嵌到其他标签内使用
2.行级标签：按行逐一显示
1)图像标签：<img src=”图片地址” alt=”无法显示图像” title=”提示文字”/>
Alt:鼠标滑动到图片时显示，且在图片显示失败的时候提示
Title:鼠标滑动到图片时显示
2)范围标签：<span>文本等级内容</span>
3)换行标签：<br/>
3.HTML标签属性：提供了有关html元素更多的信息。属性总是以“键-值对”的形式出现
常用属性：id,name,class,style,align,bgcolor....
第三节：超链接
超链接：实现页面间的导航
1.语法：<a href=”链接地址”>链接热点文本或图像</a>
2.链接路径：
相对地址：相对于当前目录的地址
绝对地址：指向目标地址的完整描述
<a href=”../web1.html”>上级目录</a>
<a href=”../../web1.html”>上上级目录</a>
3.页面间链接
4.锚链接
1）定义标记（锚点）：<a name=”标记名”>目标位置</a>
2）设置连接到位置：<a href=”#标记名”>当前位置</a>
3）分类：页面内锚链接、页面间锚链接
功能型连接：
邮箱连接：<a href=”mailto:eshop@163.com”>联系我们</a>
第四节：注释与特殊符号
1.注释：帮助程序员标注代码，方便多人合作开发；备份代码
<!--注释内容-->
注释不可以嵌套
2.特殊符号：以”&”开始，以”;”结束
空格： （使用多个空格时）
大于(>)：> （
小于(<)：<
引号(“)："
版权号：©
第五节：form表单
1.概述：块级标签
包含文本框、单选框、复选框、密码框、下拉框、文本域、按钮等
2.作用：搜集信息，数据交互
3.常见表单元素： 单行文本框、密码框、单选按钮、复选框、下拉列表、文本域
4.基本语法：
1）<form action=”表单提交地址” method=”提交方法”>表单控件 </form>
2）Action:提交后，指定由服务器上那个处理程序处理
3）method:指定向服务器提交的方法，一般为post或get方法，post方法比较安全
4）Ectype:对字符编码 multipart/form-data
5.表单元素的基本格式：
<input type=”类型” name=”表单元素名称” value=”值” size=”显示宽度” maxlength=”最大长度” readonly=”readonly” check=”是否选中”/>
Name:控件的名称
Type:元素的类型
Value:控件的初始值
Size:控件的初始宽度
Maxlength:控件中输入的最多字符个数
Readonly:设置值是否可以修改
Checked:控件是否被选中
6.表单元素
1）文本框：<input type=”text” name=”名称” value=”初值” size=”数字” />
2）密码框：<input type=”password” name=”名称” value=”初值” size=”数字” />
3）按钮：<input type=”按钮类型” name=”名称” value=”按钮文字” src=”图片url” />
按钮类型：button、submit、reset、image
4）单选按钮：<input type=”radio” value=”...” checked=”...” />同一组单选按钮name值一样
5）复选框：<input type=”checkbox” value=”...” name=”...” />
6）文件域：<input type=”file” name=”...” />
7）列表框：<selsct name=”指定列表名称” size=”行数”>
<option value=”选项值” selected=”selected”>...</option>
...
</select>
8）文本域：<textarea name=”...” cols=”列宽” rows=”行宽”>...</textarea>文本域内换行和空格起作用
9）隐藏域：<input type=”hidden” name=”..” value=”..”/>
7.表单高级用法：
1）disabled：未达到使用条件闲置用户使用
2）Readonly：某个框内内容只读
第6节：htnl表格应用
1.表格基本结构：行，列，单元格
2.基本语法：<table><tr><td>...</td>...</tr>...</table>
3.基本属性：
a) Border(最外层的厚度)、width、height、align、valign
b) Cellspacing属性：规定单元格与表边框之间、单元格之间的空间
c) Cellpadding属性：规定单元格边沿与其内容之间的空白
d) Colspan：跨列
e) Rowspan：跨行
跨行跨列步骤：1.确定行列数2.写出表格3.确定跨行跨列的单元格4.增加Colspan和Rowspan属性，删除多余的单元格
更改行高度：<tr height=””></tr>、<td height=””></td>
更改列宽度：<td width=””></td>
4.表格的高级标签：
1)表头：<th></th>
2)标题：<caption></caption>
3)页眉：<thead></thead>
4)数据主体：<tbody></tbody>
5)页脚：<tfoot></tfoot>
5.表格布局应用场合：表格、表单、规则是数据显示的网页
6.使用要求：
1)使用场合：数据显示要求较为规整，符合表格布局的特点
2)实现思路：需要几行几列的单元格、哪些单元格需要跨行跨列、编写代码
3)注意：同列单元格狂赌由该列宽度最大的单元格决定
同行单元格高度由该行高度最高的单元格决定
7.表格布局的缺点：代码量大、层次结构相对复杂、不利于baidu等搜索引擎搜索查找数据
第7节：html框架
1.基本语法
<iframe src=”引用页面地址” name=”框架标识名” franmborder=”边框” scrolling=”no”></iframe>
2.常用属性：
1）<a>标签的target属性规定在何处打开连接文档
_blank:在新窗口中打开被链接文档
_self：默认，在相同的框架中打开被链接文档
_parent：在父窗口中打开被链接文档
_top：在整个窗口中打开被链接的文档
Framename：在指定的框架中打开被链接文档
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
