html标签属性(自用未完善)

p--段落文本

br--换行

hr--水平线

b/strong--加粗

em/i--倾斜

s/del--删除线

u--下划线

sub--下标

sup--上标

h1-6--标题

<--左尖角号

>--右尖角号

 --空格

©--版权

™/®--商标

div--划分页面区域,独占一行

span--文本独立修饰

ol>li:有序列表;ol里面只能放li,li里面可以放随意标签

    ol属性

        type=1,a,A,i,I

        start=取值一个数字

ul>li:无序列表;ul里面只能放li,li里面可以放随意标签

    ul属性

        type=disc/circle/square/none

dl>dt+dd:自定义列表;dt放图片,dd放文字

img:放图片

    ../上级返回

    文件夹名/照片名

    ./文件夹名/照片名

    属性

        alt=加载图片失败,文字提示

        title=鼠标放到图片上的提示

        width/height:宽高

a--超链接

    属性

        href=网址

        title=提示

        target=_self(默认)/_blank(新窗口打开)

table>tr>td:table(创建表格),tr(行),td(单元格)

    table属性

        width/height:宽高

        border 边框

        bordercolor 边框颜色

        bgcolor 背景颜色

        align="left/right/center" 水平对齐

        cellspacing 单元格与单元格之间的间距

        cellpadding 单元格与内容之间的空隙

    tr属性

        height 高度

        bgcolor 背景颜色

        align="left/right/center" 文字水平对齐

        valign="top/middle/bottom" 文字垂直对齐

    td属性

        width 宽度:如果一个单元格设置宽度,影响这一整列的宽度

        height 高度:如果一个单元格设置高度,影响这一整行的高度

        bgcolor 背景颜色

        align="left/right/center" 文字水平对齐

        valign="top/middle/bottom" 文字垂直对齐

        colspand="所要合并的单元格的列数" 必须给td

        rowspan="所要合并的单元格的行数" 必须给td

form--表单,input:输入框,button:按钮

    form属性

        method="get/post"

        action="向何处发送表单数据"

    input属性

        type=定义输入框类型

            text:文本框

            password:密码框

            submit:提交框,和<button>提交按钮</button>一样,(提交信息到action指定的地址)

            reset:重置框,清空的效果

        name=(name必须设置,否则在提交表单时,用户在其中输入的数据不会被发送到服务器)

        placeholder=提示信息

单选框

    <input type="radio" name="组名:单选同组时用的组名" checked="checked(默认选中状态,同组只会有一个选中状态)" id="唯一id">

    <label for="id(点击内容就变成选中状态)">内容</label>

复选框

    <input type="checkbox" name="组名:复选同组时用的组名" checked="checked(默认选中状态)" id="唯一id">

    <label for="id(点击内容就变成选中状态)">内容</label>

上传文件

    type="file"

图片按钮

    type="image" src="图片"

隐藏按钮

    type="hidden" value="带给后端的个人信息"

禁用

    disablede="disablede"

只读

    readonly="readonly"

下拉菜单

    <select size="显示几个" multiple="选多个">

        <option value="提供给后端需要用的value值" selected="selected(默认选中)">文本内容</option>

    </select>

多行文本输入框-文本域

    <textarea cols="行数" rows="列数" placeholder="提示文字">默认value:写在双标签内部,注意空格问题</textarea>

字段集

    <fieldset>

        <legend>缺口文本</legend>

    </fieldset>

HTML5新增语义化标签

    section--表示页面中的一个内容区块

    article--表示一块与上下文无关的独立的内容

    aside--在article之外的,与article内容相关的辅助信息

    header--表示页面中一个内容区块或整个页面的标题

    footer--表示页面中一个内容区块或整个页面的脚注

    nav--表示页面中导航链接部分

    figure--表示一段独立的流内容,使用figcaption为其添加标题(第一个或最后一个子元素的位置)

    main--表示页面中的主要内容

    audio--定义音频

        controls--向用户显示控件

        autoplay--自动播放

        loop--重复播放

        muted--静音

    video--定义视频

        controls--向用户显示控件

        autoplay--自动播放

        loop--重复播放

        muted--静音

        poster--海报

        width

        height

H5新增表单

    type="color" --颜色选择

    type="tel" --电话

    type="search" --搜索

    type="range" --滑动条

        min--最小值

        max--最大值

        value--默认值

        step--步长

    type="number" --数字

        min--最小值

        max--最大值

        value--默认值

        step--步长

    type="email" --邮箱

    type="url" --网址

    type="date" --日期

    type="month" --月

    type="week" --周

    type="time" --时间

    type="datetime-local" --获取本地时间

    autofocus--获取焦点

    required--必填项,不能为空

    multiple--支持多个地址,用逗号隔开

datalist--选项列表(option永远都要设置value属性)

    例:<input type="search" list="list">

    <datalist id="list">

        <option value="手机"></option>

        <option value="手套"></option>

        <option value="手表"></option>

    </datalist>


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值