投稿
  1. 首页
  2. html-js-css

关于近期的java前端学习汇总

bingbang • 2022-6-10 • html-js-css • 阅读 7

关于近期的java前端学习汇总,第1张

合并单元格：

合并单元格的方式：

    跨行合并：rowspan = "合并单元格的个数"

    跨列合并：colspan = "合并单元格的个数"    

    目标单元格：

    跨行： 最上侧单元格为目标单元格，写合并代码

    跨列： 最左侧单元格为目标单元格，写合并代码

    合并单元格三步曲：

    1.确定是跨行合并还是跨列合并

    2. 找到目标单元，写上合并方式 = 合并的单元格数量。比如

    3.删除多余的单元格

示例代码：

合并单元格
    

        
     左右的是跨列   

        
    上下的是跨行
表格总结：

1.表格的相关标签：

        table  tr th  td

        结构标签：

        thead tbody 无作用，只是为了让结构更清晰

        2.表格的相关属性：

        align border cellpadding cellspacing width height colspan rowspan

        3.合并表格：

        跨行合并：rowspan = "合并单元格的个数"   跨列合并：colspan = "合并单元格的个数"

列表： 一、无序列表：<重点>

            标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项

            而列表项使用标签来定义。

          基本语法格式：

           

                列表项1

                列表项2

                列表项3

                ……

           

                注意：

                    1.无序列表的各个列表项之间没有顺序级别之分，是并列的

                    2.中只能嵌套，直接在中输入其他标签或者文字的做法是不被允许的

                    3.与之间相当于一个容器，可以容纳所有元素

                    4.无序列表会自带样式属性，在实际开发中，会直接使用css将其去掉

二、有序列表：<理解即可>

 标签表示HTML页面中项目的有序列表，一般会以项目符号呈现列表项

            而列表项使用标签来定义。

          基本语法格式：

           

                列表项1

                列表项2

                列表项3

                ……

           

            注意：

                    1.中只能嵌套，直接在中输入其他标签或者文字的做法是不被允许的

                    2.与之间相当于一个容器，可以容纳所有元素

                    3.无序列表会自带样式属性，在实际开发中，会直接使用css将其去掉

三、自定义列表：<重点>

在HTML标签中，标签用于定义描述标签(或定义列表),该标签会与(定义项目或名字)和(描述每一个项目/名字)一起使用。

          基本语法格式”

           

                名词1

                名词1解释1

                名词2解释2

                    ……

           

            注意：

                1.里面只能包含和，其他标签是不允许被放入的

                2.和个数没有限制，经常是一个对应或文字多个

                3.和是并列关系，并非包含关系

示例：

注意：其中的缩进问题在后续的css会进行讲解。

表单： 表单域：

标签用于定义表单域，以实现用户信息收集和传递

            会把它范围内的表单元素信息提交给服务器。

            属性        值      作用

            action    url地址  用于指定接受并处理表单数据的服务器程序的url地址

            method   get/post  用于设置表单数据的提交方式，其取值为get或post

            name       名称     用于指定表单的名称，以区分同一个页面中的多个表单

            知识点：

            1.在外面写表单元素之前，应该有个表单域把他们进行包含

            2.表单域是form标签

表单元素：         Input标签：

在标签中，包含一个type属性，根据不同的type属性值，输入字段用有很多种形式

                可以是文本段、复选框、掩码后的文本控件、单选按钮、按钮等。

                实例代码：

                   

                input中的属性：

                    1.type：

                        type 包含的属性值

                            button      定义可点击按钮(多数情况下，用于通过JavaScript启动脚本)

                            checkbox    定义复选框

                            file        定义输入字段和"浏览"按钮，供文件上传

                            hidden      定义隐藏的输入字段

                            image       定义图像形式的提交按钮

                            password    定义密码字段。该字段中的字符被掩码

                            radio       定义单选按钮

                            reset       定义重置按钮。重置按钮会清除表单中的所有数据

                            submit      定义提交按钮。提交按钮会把表单数据发送到服务器

                            text        定义单行的输入字段，用户可在其中输入文本你。默认宽度为20个字符

                    2.name：

                        属性值由用户自定义  定义input 元素的名称

                    3.value：

                        属性值由用户自定义  规定input元素的值

                    4.checked：

                        属性值： checked    规定此input元素首次加载时应当被选中

                    5.maxlength:

                        属性值： 正整数      规定输入字段中的字符的最大长度

                    注意：

                        1.name 和 value 是每个表单元素都有的属性值，主要给后台人员使用

                        2.name 表单元素的名字，要求按钮和复选框都由相同的name值

                        3.maxlength属性是用来限制输入字符个数的

                        4.button一般是和js一起使用，例如发送短信验证码

         label标签：

                

           

           浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上用来增加用户体验。

                语法：

           

                 

            核心：

select标签：

标签控件定义下拉列表

            语法：

                   

            注意：

                1.

                注意：

                1.通过