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有。
原文地址:https://www.cnblogs.com/1810-zx/p/8443148.html