HTML标签

1、标题标签

        作用：就是设置文本标题

        语法：<h1></h1>~<h6></h6>,成对出现

        效果：文字字体从大到小依次排列

            文字会加粗

            标题会独占网页的一行，而且与下一行会有一个很大空隙

        2、段落标签

        作用：存放文本段落

       

        语法：<p></p> ，成对出现

        效果：一个p标签就是一个段落，段落之间会有一个很明显的空隙

        3、换行标签

        作用：对文本进行换行

        语法：<br/> ,单独出现

        效果:使标签后的内容到下一行

       4、图片标签

            作用：显示图片

            语法：<img src="https://static-cdn-oss.mosoteach.cn/mssvc/default-avatar@2x.png"/> 单              标签

            1、有一个必须要写的属性src 用于指明图片的地址

            属性都是键值对的形式 src="图片路径"

            2、img标签还有一些不是必须的属性

            alt = "说明文本" 在图片加载失败时起解释说明作用

            title = "说明文本" 在鼠标悬停在图片上时浮出解释文字

            width = "数值" 设置图片的宽度 单位是px

            height = "数值" 设置图片的高度 单位是px

            boder = "数值" 设置图片的边框宽度，单位是px

            一个标签可能会有多个属性

            这些属性都必须写在：

            1、如果是成对的标签，写在开始标签内

            2、如果是单标签，直接写在标签内

            3、标签的属性必须与标签的关键字之间有一个空格

            4、不同的属性之间，也必须有空格

            5、键值对的键不可以有引号

            6、值必须有引号

     5、表格标签

        一套标签：

        <table></table>

        表格由几个部分组成：

        1、表头:<th></th>表示表头单元格

        2、行:<tr></tr>表示一行

        3、单元格:<td></td>表示单元格

        属性：

        1、border边框属性 border="数值",代表表格的边框宽度，单位是px

        2、align 表格对齐 align="center"，代表表格在网页中的相对位置

        3、cellpadding 设置单元格内容和单元格边框的距离

        4、cellspacing 设置单元格之间的距离

        合并单元格

        1、列合并 colspan="2"

        2、行合并

6、表单标签

            作用：收集用户的信息

            1、关键字 input,单标签

            2、必须写的属性type

                type的值有：

                1、text

                    这个表单标签应该输入一个文本

                    maxLength

                2、button

                    表单标签是一个按钮

                3、checkbox

                    复选框

                    有一个checked属性，作用是可以默认选中复选框

                4、file

                    上传文件

                5、hidden

                    隐形表单

                6、image

                    上传图片

                7、password

                    输入密码（隐藏输入的内容）

                8、radio

                    单选框 通常需要和js配合使用，实现单选的效果

                    有一个checked属性，作用是可以默认选中单选框

                9、reset

                    重置 清空当前form标签内的所有表单数据

                可选属性：

                1、value

                    text:设置文本的默认值

                    button:设置按钮的名称

                2、placholder:设置文本的提示

            3、form标签

            action="是后台的地址"

            method="提交数据的方式 post get"

            name="user_register 表明表单的数据的意义"

            4、下拉选项

            <select name = "选项的意义">

                <option>1</option>

                <option>2</option>

                <option>3</option>

            </select>

            name：一般写在select标签上

            value：一般写在option标签上

            selected：一般写在option标签上，表示默认选中某一个选项

            label 标签

            作用：给表单设置一个贴一个标签