html - Githubissues

一、概述 (一)简介 HTML：Hypertext markup language，超文本标记语言。作用：用来编写网页

(二)特点 html由一堆标签组成的，标签可以嵌套，根标签是html，里边要有head和body。把要显示到页面上的内容写在body标签里 <关键字></关键字> <关键字/> 标签上可以增加属性，属性的格式是：属性名=”属性值”，一个标签上可有任意个属性，属性之间使用空格隔开 不区分大小写 不需要编译，可以使用浏览器直接打开 html文件的后缀名是.html 或者是 .htm 二、HTML的常用标签 (一)文字排版类标签 01. 标题标签: h1~h6 ★ 特点：默认加粗有内置字号，h1最大，h6最小独占一行 02. 横线标签：hr 自闭合标签属性： color：横线的颜色 size：横线的粗细 width：横线的长短 align：横线的水平位置。left/center（默认值）/right

03. 段落标签：p paragraph  04. 换行标签：br 自闭合标签 05. 文字标签：font 属性： color：文字的颜色 size: 文字的大小最小1，最大7，默认3 face：文字的字体 06. 粗体字标签：b bold  07. 斜体字标签：i italic (二)图片标签img★ 属性： src：图片的路径。（必须有） width: 图片显示的宽度。设置宽度时，高度会等比例自动缩放 height: 图片显示的高度。设置高度时，宽度会等比例自动缩放如果一个图片width和height都设置了，那么图片很容易变形 title：鼠标悬浮提示 alt：当图片加载不出来的时候，显示的文字提示信息 (三)清单和超链接标签 1．清单标签无序清单 ul unordered list 属性：type 每一个清单项前边的标记类型 disc小圆点（默认值）/square小方块/circle小圆圈

有序清单 ol ordered list 属性：type 每一个清单项前边的序号类型 1/a/A/i/I

清单项标签li list item 2．超链接标签a ★★★ 属性： href：跳转的路径（必须的） target：新页面在哪打开 _self：在当前窗口打开页面（默认值） _blank：在新窗口打开页面 framename：在指定的frame里显示新页面 (四)表格标签★ table：表格整体属性： border：1表示有边框，0表示没有边框 width：表格的宽度 align：表格整体的水平位置 cellspacing：单元格之间的距离，距离为0时，边框线条会重叠，看起来像是单线条边框

tr：行 height：行的高度 algin：这一行的内容的水平位置

td：单元格 align：单元格内容的水平位置 rowspan: 跨行合并单元格 colspan：跨列合并单元格

th：用法和td完全一样，但自带样式：内容居中并加粗

caption：表格的标题。和tr同一级别的，通常是在第一个tr之前

合并单元格的步骤：

确定用哪个属性：跨行合并用rowspan，跨列合并用colspan
属性加在哪个单元格上：加在要合并的单元格里，最前边的那个单元格上
确定属性值是多少：要合并几个单元格，值就是几
删除被合并掉的单元格 (五)框架标签
- 框架标签，用来切分窗口的，可以把一个窗口切分成多块，每一块可以嵌套一个页面进去
- frameset 属性： rows：切分成上下多行。rows="100,*"，有两个值，表示分成上下两份，第一份高100px，第二份高剩余的全部注意：分成几份，frameset里就必须有几个frame cols：切分成左右多列。用法和rows完全一样
- frame 属性： src：要嵌套进来的页面的路径 name：fram的名称，主要是给超链接a标签的target属性使用的，可以指定超链接页面在哪个frame里打开 noresize：固定值noresize，表示框架不允许拖动更改大小 (六)补充内容补充：
颜色的写法颜色的名称：red，blue，black 十六进制色码：#+六位十六进制数字。#FF0000。如果六位数字相同，可以简写。#999999 - > #999
尺寸的写法固定像素，比如 50px 百分比写法，比如50%。占父标签容器的百分比

资源路径的写法：相对路径： ./开头的路径表示当前路径，./可以省略不写。比如：./2.jpg 等价于2.jpg 表示：从当前页面同一文件夹里找2.jpg ../开头的路径，表示上级路径，比如：../img/bg.jpg 表示：从上级文件夹里找img/bg.jpg

绝对路径：
    /web应用名称/开头路径，表示从web应用根目录开始找文件.
        /day01_html_37/img/2.jpg

                              form&css

一、表单(重点) (一)表单form标签

表单标签：form 属性： name：表单的名称 action：表单数据的提交路径 method：表单提交的方式。get, post

    表单数据提交的格式是：name=value&name=value...
        username=jerry&password=11111&sex=male&hobby=friend&hobby=sleep
        表单提交路径?username=jerry&password=11111&sex=male&hobby=code&hobby=friend#

        String username = request.getParameter("username");

    get提交和post提交的区别（面试题）：★★★★★
        1. get提交参数是在http请求行里提交的，会显示到地址栏；post提交参数在http请求体里提交的，不会显示到地址栏
        2. get提交不安全；post提交相对安全
        3. get提交有长度限制（IE限制2083个字符）；post提交理论上没有长度限制

(二)输入项input标签

输入项标签：input 属性： type： text：文本框（默认值） password：密码框。显示的是掩码

                    radio：单选按钮。name相同的radio属于同一组，同组互斥。
                        默认值设置：在需要默认选中的选项上，增加属性：checked="checked"
                    checkbox：复选框。name相同的checkbox属于同一组，目的仅仅是方便服务端代码接收数据
                        String[] values = request.getParameterValues("hobby");
                        默认值设置：在需要默认选中的选项上，增加属性：checked="checked"

                    button：普通按钮。点击没有任何作用。和js配合进行事件的自定义
                    submit：提交按钮。把按钮所在的表单提交。
                    reset：重置按钮。把按钮所在的表单里所有数据重置为默认值。
                    image：图片提交按钮。功能和submit按钮完全一样，只是使用一张图片作为提交按钮来用

                    file：文件选择框。默认提交的是文件名称，而不是上传文件。
                    hidden：隐藏域。不会显示到页面上的表单项，如果有name属性，隐藏域的值可以被提交

                name:表单项的名称。
                    如果表单项的数据需要提交的话，就必须有name属性值

                value:表单项的值。作用会随着type类型不同而改变
                    在text里：value表示默认值
                    在password里：value表示默认值。但是密码框通常不需要设置默认值
                    在radio里：value表示一个单选选项的值。选中哪个选项，提交时就提交哪个value值
                    在chekcbox里：value表示一个选项的值。选中哪个选项，就提交哪个 选项的value值
                    在button里：value表示按钮上的提示文字
                    在submit里：value表示按钮上的提示文字
                    在reset里：value表示按钮上的提示文字
                    在image里：value没有实际意义
                    在file里：value是无效的
                    在hidden里：value是隐藏域的值

                disabled：固定值disabled，表示表单项不可用，也不会被提交
                readonly：固定值readonly，表示表单项的值不可更改，但是数据可以被提交
                size：输入项的宽度，可以输入多少个字符的宽度。有兼容性问题，所以通常使用css代替这个属性
                maxlength：可以输入多少个字符

(三)下拉框select标签

下拉框标签：select 属性： name：如果数据需要提交，就必须有name属性 multiple：固定值multiple，表示下拉框可以多选。多选时，数据提交格式和checkbox的提交格式一样 size: 下拉框的高度，可以显示几行

            下拉选项标签：option
                属性：
                    value：每个选项的值。选中哪个选项，就提交哪个选项的value值

            默认值设置：
                没有手动设置的时候，默认选中第一个选项
                手动设置默认值：在需要选中的选项上增加属性：selected="selected"

(四)文本域textarea标签

文本域标签：textarea 属性： name：如果文本域的数据需要提交，就必须有name属性 rows: 高度，可以显示几行 cols: 宽度，可以显示几列有浏览器兼容性问题，通常使用css代替
```
            默认值：把默认值写在textarea标签体里（value属性是无效的）
```
二、CSS (一)简介 css：casecade style sheet，层叠样式表。作用：用来修饰美化页面的。 (二)语法 1．css怎样和html建立关系-css的引入方式引入方式1：行内样式书写规范：在html标签里增加style属性，把样式写在style属性值里样式格式：样式名:值;样式名:值;....

引入方式2：内部样式书写规范：在head里增加子标签style，把css样式写在style标签体里样式格式：选择器{样式名:值;样式名:值;....}

引入方式3：外部样式在head里使用子标签link引入外部的css文件。

        link标签：
            rel：relation，表示引入的文件和当前页面是什么关系。固定值stylesheet，表示引入的文件是当前页面的样式表文件
            type：引入的文件类型。主要是告诉浏览器，引入的文件是什么类型，浏览器就使用相对应的解析器，相对应的语法来解析这个文件
            href：外部css文件的路径

2．怎样选中要修饰的html标签-css选择器 /*

css选择器：三种
1. 基本选择器
标签选择器标签名称{css样式名:值;css样式名:值;....}
ID选择器 #id值{css样式名:值;css样式名:值;....}
类选择器 .类名{css样式名:值;css样式名:值;....}
优先级：id选择器 > 类选择器 > 标签选择器如果优先级相同，后加载覆盖先加载
1. 层级选择器
父选择器后代选择器大后代选择器...{css样式名:值;css样式名:值;....}
注意：层级选择器里的空格，表示的是后代，而不是上下级父子关系
1. 属性选择器
选择器[属性名="值"]{css样式名:值;css样式名:值;....} */

517799134 / mybatis

html #1