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