• html-常用的标记及其属性


    1、文字标记
     
    其他1:
    <span></span>:常用作提示。
    <b></b>:粗体bold
    <strong></strong>:强调语气的粗体
    <i></i>:斜体italic
    <u></u>:下划线underline
    <del></del> :删除线delete
    <sup></sup>:上标文字
    <sub></sub>:下标文字
     
    其他2:
    <br/>:换行
    <hr/>:水平线
    <!-- 注释文本 -->
    <marquee direction="滚动方向right|left|..."></marquee>:滚动标记
     
    2、图片标记
    <img src="图片路径" width="图片宽度" height="图片高度"/>
    其他属性:
    alt:图片显示不出来时的替代文字
    align:图片与周围文字的排列方式,值:left,right,middle,bottom,top。
     
    3、多媒体标记
    引入音频、视频、flash动画等。
    1.<object height="100" width="100“ data="资源路径"></object>
     
    2.<embed src="资源路径" height="200" width=“200“/>
     
    3.<video width="800" height="100" src=""></video>
     
    4、列表标记
    <ol></ol>:有序列表ordered list。
    <ul></ul>:无序列表unordered list。
    <li></li>:列表项list item。
     
    5、表格标记
    <table>
            <tr> -- table row 行
                <td></td>--单元格
                <th></th>--标题单元格
            </tr>
     </table>
    table属性:
    width:表格宽度;height:表格高度
    border:边框粗细;bordercolor:边框颜色;bgcolor:表格背景颜色
    cellspacing:单元格之间的距离
    cellpadding:单元格边框与内容的距离
     
    th td属性:
    align:水平对齐方式left,right,center
    valign:垂直对齐方式top,bottom,middle
    colspan:合并列 column列 span跨越,值:所占单元格的个数
    rowspan:合并行,值:所占单元格的个数
     
    6、表单标记
    <form> --表单
            --表单元素
            <input type="输入框的类型"/>
            <select >--下拉框/列表框
                <option></option> --选项
            </select> 
            <textarea></textarea>--文本域
        </form>
    <form action="表单处理程序" method="提交方式post|get"></form> 
    表单元素:
    input:
        name名字;value值
        type:类型,值(10个):
            text文本;password密码;
            radio单选按钮;checkbox多选框;
            reset重置按钮;submit提交按钮;
            file文件域;image图片提交按钮;
            button按钮;hidden隐藏元素。
        其他属性:
            size:长度 输入框的宽度
            readonly:只读
            placeholder:提示性文字
            maxlength:最大长度
            checked:选中(单选按钮/多选框的选项初始状态下被选中)
            disabled:禁用
     
    option:下拉框选项,selected:选项被选中
     
    textarea:文本域,rows:行数,cols:宽度。
     
    其他:
    <button type="submit|reset|button"></button>按钮
    <label for="input的id值"></label>和表单元素进行绑定
     
    7、框架标记
    1.框架集
    <frameset> --框架集
            <frame src="网页的地址" name="框架名字"></frame> -- 框架
            <frame></frame>
     </frameset>
    frameset划分窗口,属性:
    分成两行:rows="" 100px,20%,一个值表示一行
    分成两列:cols=""
     
    2.浮动框架
    <iframe name="" src="" width="" height=""></iframe>
    frame与iframe的共有属性:
        frame属性:frameborder是否有边框,值:0无1有。
  • 相关阅读:
    html禁止手机页面放大缩小
    <httpProtocol/>配置http协议头
    C# 并行编程 之 并发集合 (.Net Framework 4.0)(转)
    JavaScript随机排序算法1
    用户消息处理方式
    后台单用户在线,简单处理
    使用 Intel HAXM 为 Android 模拟器加速,媲美真机(转)
    解决Android SDK Manager下载太慢问题(转)
    如何正确并完全安装Visual Studio 2015企业版本?(转)
    C# XML流操作简单实例
  • 原文地址:https://www.cnblogs.com/1810-zx/p/8443148.html
Copyright © 2020-2023  润新知