A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© heifachangcun 中级黑马   /  2018-12-17 15:10  /  605 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 heifachangcun 于 2018-12-17 15:23 编辑

       HTML


标签分类

        1,单边(<br>)和双边(<p></p>)

        2,行内和块级

行内标签:<span>:结合css一起使用,单独使用没有效果,仅起包裹作用,一行展示,不换行

块级标签:<div>:没有样式,但会换行,结合css使用,每个div占满一整行

html

        字体排版标签

                b,u,i,font(size 1~7(大)),br,hr

                p,h1(大)~h6,center

        图片

                <img>

                         属性:

                                 src                                 路径,选择图片

                                 width                             宽度

                                 height                            高度

                                 alt                                   找不到图片时的提示信息

        超链接

                <a>

                       属性:

                           href(访问的位置)                互联网(http://网站),本地(#)

                           target(打开资源的方式)                _self(本页面内打开),_blank(在新的空白页面打开)

        列表

                有序(数字或字母排序)

                        <ol>

                                <li>

                无序(是符号)

                        <ul>(type    disc(实心圆点)/square(方点)/circle(空心圆点) )

                                <li>

            表格

                table(定义表格)

                           属性:border  边框    width   宽度      cellspacing单元格之间的距离

                                      cellpadding   表格与内容的距离     align   对齐方式    height   高度

                        (thead(头)/tbody(身体)/tfoot(脚))   写在tr上边,可不写

                                tr/th   行

                                        td   列

                    合并单元格:定义在td属性

                                    合并行                        rowspan

                                    合并列                        colspan

                    表格的嵌套

                         table

                                tr/th

                                        td

                                                table

                                                        tr/th

                                                                td

                    特殊字符

                          &nbsp            空格

                              &lt              最小

                             &gt              最大

表单标签

                表单标签中必须提供name属性

              表单标签包括:

                           input标签:可以通过type属性值,改变元素的展示样式

                          select标签:下拉标签

                          button标签:按钮标签

                          textarea标签:文本域(描述信息)

        <form method="get/post" action="提交数据的位置">

                一个个的表单标签

        </form>

                  属性:

                        action不写的话提交当前页面

                        get和post区别

                                1.get数据在地址栏,post数据在请求体中

                                2.get有长度大小限制,post没有长度大小限制

                                3.post相对更安全

                                4.文件上传请求方式只能是post

        <input >

                   type属性:

                                *text                                //文本输入框

                                *password                //密码输入框

                                *hidden                        //隐藏域(页面看不到),但值会被提交到操作台        必须有name,value

                                *radio                        //单选-->多个单选必须有共同的name,给每一个单选框提供value值,checked(可以指定默认值)

                                 *placeholder         //指定输入框提示信息,输入框信息发生变化会消失

                                *checkbox                //多选-->共同的name,还要有value,checked(默认选中)

                               *submit                //提交-->把数据提交到form的action的链接去

                                reset                        //重置

                               *button                //按钮 --> 配合js使用

                                file                        //文件上传

                                image                //图片上传

                               date                       //日期(年月日)

                              datetime             //日期(年月日  时分)

                              email                   //邮箱

                              number           //数字

                              button           //按钮

         <label> 标签:指定输入项的文字描述信息,for属性与input   id属性值对应,点击label区域,会让input区域获取焦点.                          

        <select>-->name 下拉选择

                <option>-->定义列表项   提交值value定义下拉内容

        <textarea> 文本域

                       rows     行数

                       cols             列数

        <button> 按钮


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马