javaweb学习01——参考尚硅谷javaweb

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)< ——> &lt

(2)> ——> &gt

(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、表单标签

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值