【html】【一些常用的标签阶段总结】

本文链接：https://blog.youkuaiyun.com/qq_27501261/article/details/79569338

1、常用标签

1.1、文件标签

<html></html>根标签

<head></head>包括资讯信息：整个页面的属性、指导浏览器解析的标签、引入外部文件的标签

<tilie></tilie>页面的标题

<body></body>内容

    属性：
        text：文本的颜色
        bgcolor：背景色

background：背景图片

            颜色的三种表示方式：
                (1)单词：red green black
                (2)rgb三原色：reg(0,0,0) 0-255
                (3)#000000 #ffffff

1.2、排版标签

、<br/>、<hr/>、<p>

注释标签

<br/>换行标签

<hr/>水平线标签

    属性：
        width：长度
        size：粗度
        color：颜色
        align：对齐方式

<p></p>段落标签

特点：段与段之间有空行
属性：
align:对齐方式（有三个属性值：left center right）

1.3、块标签

<div></div>行级块标签

特点：单独占一行

<span></span>行内块标签

1.4、文字标签

<font></font>基本文字标签

    属性：
        color:颜色
        size:大小（最大值:7，最小值:1，默认值:3）

face:字体类型，即字体，直接写文字就可以

<h1></h1>~<h6></h6>标题标签

随着数字的增大逐渐变小，字体是加粗的，内置字号默认占据一行

1.5、清单标签

<ul>、<ol>（<li>)

<ul></ul>：无序列表

<li></li>:列表项

属性：

type：有三个值，分别为disc、 square和circle

<ol></ol>：有序列表

<li></li>:列表项

    属性：
        type：1、A、a、I、i（数字、字母、罗马数字）
        start:数字，代表首项开始位置

1.6、图形标签

<img>

    属性：
        src：图形地址
        width：宽度
        height：高度
        border：边框
        align：对齐方式，代表图片与相邻的文本的相对位置（有三个属性值：top middle bottom）
        alt：图片的文字说明

1.7、链接标签

<a>

    属性：
        href：跳转页面地址
        name：名称，锚点
        target：_self(自己) _blank(新页面,之前的页面还有)，默认是_self
    作用：
        （1）页面跳转，注意：要调到外网必须要加协议
        （2）访问锚点；回到锚点（顶部、底部、中间），在访问锚点时的书写格式：#name的值；

1.8、表格标签

    属性：
        border：表格边框
        width：表格的宽度
        align：表格的对齐方式（<tr align="center">单元格里面的内容居中对齐<tr>）

bgcolor：背景颜色

<tr></tr>: 代表行

<td></td>：代表单元格

属性：
colspan：列合并

rowspan：行合并

<th></th>：相等于<td>, 只是内置样式加粗居中
<caption></caption>：表格的标题，即表头

2、表单标签

    属性：
        name：表单名称
        action：提交的路径地址
        method：提交方式（get和post）

            get和post的区别（重点）：
                (1)get提交将数据加在地址栏的后面，格式?name=value&name=value；post提交将数据封装在请求体中
                (2)get提交相对不安全；post提交相对安全

(3)get提交有大小限制，根据浏览器不同而不同；post不限制大小

type属性:根据type属性实现各种不同功能的表单项；
        text：普通的文本输入框；
            name：username value="张三"
        password：密码输入框；特点是显示的是掩码
        radio：单选按钮
            name：如果想让一组单选按钮互斥，就用指定同意name属性值，需要加value属性值；
            checked：默认被选中；
        checkbox：复选框；
            name：组的概念，需要加value属性值。
            checked：默认被选中；
        file：上传文件的控件
        button：普通按钮，没有任何内置的功能；
        submit：内置功能，点击会按照action地址提交
        reset：重置，点击会清空之前填写的内容
        image：图片按钮，功能类似与submit
            src：加载图片
            alt:图片的提示文字