1、setAttribute():增加一个指定名称和值的新属性,或者把一个现有属性设定为指定的值
2、css决定页面的布局和样式效果,剩下的内容就是html
3、C/S是客户端到服务器;B/S是浏览器到服务器
4、前端负责页面设计,即css
5、页面组成的三部分:内容、表现、行为
6、html是什么:超文本标记语言,通过标签来标记显示的网页中的各个部分,网页本身是文本文件,通过在文本文件中添加标记符,告诉浏览器如何显示其中内容(即解决文字、画面、图片如何排版)
7、html文件的书写规范
<html> 表示整个html页面的开始
<head> 头信息
<title>标题</title> 标题
</head>
<body> 页面的主体内容
主体内容
</body>
</html> 表示整个html页面的结束
8、html的代码注释:<!--html注释,可在页面右键查看源代码得到--!>
9、html标签
(1)格式:<标签名>封装数据</标签名>
(2)标签名的大小写不敏感
(3)标签属性
a.基本属性——可修改简单的样式效果
b.事件属性——可直接设置时间响应后的代码
(4)标签分类
a.单标签:<标签名 /> 页面换行<br/> 页面水平线<hr/>
b.双标签:<标签名>数据</标签名>
10、标签的语法
(1)不能交叉嵌套
(2)正确闭合
(3)没有内容的标签是错的
(4)属性要有值,值要用引号括起来
(5)注释不能嵌套
11、特殊字符
(1)< ——> <
(2)> ——> >
(3)空格 ——>&npsp
12、标题标签
(1)h1-h6都是标题标签,h1最大,h6最小
(2)align是对齐属性,左对齐left,右对齐right,居中center
13、超链接
(1)在网页中所有点击后可以跳转的内容都是超连接
(2)<a>表示超链接,其中href属性是连接的地址,target属性是设置由哪个目标进行跳转
_self 表示当前页面(默认值) _blank 表示打开新页面跳转
14、列表标签
分为无序列表和有序列表,其中<ul>表示无序列表,格式<li>列表项</li>;
type属性可以修改列表前面的符号
15、img标签
(1)可以在html页面上显示图片,是图片标签
(2)路径
①在JavaSE中分为相对路径和绝对路径两种
相对路径:从工程名开始算
绝对路径:盘符:/目录/文件名
②在web中也分为相对路径和绝对路径两种
相对路径:
. 表示当前文件所在目录
.. 表示当前目录所在的上一级目录
文件名 表示当前文件所在目录的文件,相对于./文件名
绝对路径:http://ip:port/工程名/资源路径
(3)src属性可以设置图片的路径
(4)width属性设置图片的宽度
(5)height属性设置图片的高度
(6)border属性设置图片的边框大小
(7)alt属性设置当指定路径找不到图片时,用来代替显示的文本内容
16、表格标签
(1)用table表示表格标签
(2)border设置表格标签
(3)设置表格宽度
(4)设置表格高度
(5)tr是行标签
(6)th是表头标签(其实就是行标签加上自动居中加粗的样式)
(7)td是单元格标签
(8)align设置对齐方式
(9)b是加粗标签
(10)cellspacing设置单元格间距
17、跨行跨列表格
colspan 属性设置跨列
rowspan 属性设置跨行
18、iframe框架标签
(1)iframe框架标签可以在html页面上打开一个小窗口去加载一个单独的页面
(2)ifarme和a标签组合使用的步骤为:
① 在iframe标签中使用name属性定义一个名称
② 在a标签的target属性上设置iframe的name属性值
19、表单标签
(1)表单就是html页面中,用来收集用户信息的所有元素集合,然后把这些集合发送给服务器
(2)form标签就是表单
input type="text"是文件输入框,value设置默认显示内容
input type="password"是密码输入框,value设置默认显示内容
input type="radio"是单选框,name属性可以对其进行分组,checked="checked"表示默认选中
input type="checkbox"是复选框,checked="checked"表示默认选中
input type="reset"是重置按钮,value属性修改按钮上的文本
input type="submit"是提交按钮,value属性修改按钮上的文本
input type="button"是按钮,value属性修改按钮上的文本
input type="file"是文件上传域
input type="hidden"当我们要发送某些信息,而这些信息不需要用户参与时,就可以使用隐藏域(提交的时候同时发送给浏览器)
select标签是下拉列表框,option标签是下拉列表框中的选项,selected="selected"设置默认选中
textarea表示多行文本输入框(起始标签和结束标签的内容是默认值),rows属性设置可以显示几行的高度,cols属性设置每行可以显示几个字符宽度
20、表单标签