Html菜鸟学习之标签属性

文档设置标记 - 标签:

<hr>: 分割线标记:

    color: 颜色

    width: 长短

    size: 高度

html实体:

    "    <=>    &quot;

    '    <=>    &prime;

    <    <=>    &lt;

    >    <=>    &gt;

    空格   <=>    &nbsp;

文档设置标记 - 文本标记

<hn>: 标题标记,共6个级别,n=1~6,h1最大,h6最小;

<font>: 字体设置标记,

    size:字体大小(取值范围1~7,默认是3);

    color:颜色;

    face:字体类型;

<b>: 粗字体标记,

<i>: 斜字体标记,

<sub>: 文字下标字体标记,

<sup>: 文字上标字体标记,

<u>: 下划线字体标记,

<strong>: 表示强调,通常显示为粗体字,

<em>: 表示强调,通常显示为斜体字,

<big>: 大型字体标记,

<small>: 小型字体标记,

<cite>: 引用方式的字体,通常是斜体,

<tt>: 打印机字体标识,

Html - 表格:

语法格式:

<table width="500" height="500" border="1" align="center">

<caption align="top">表格的标题</caption>

<tr>

    <th>表头</th>

    <th>表头</th>

</tr>

<tr>

    <td>数据</td>

    <td>数据</td>

</tr>

</table>


标记:

<table> 属性:

    width="500"    表格宽度,值可以是px或者父级元素的%;

    height="500"    表格高度,值可以是px或者父级元素的%;

    border="1"    表格外边框的宽度;

    align="center"    表格水平显示位置:

                left居左显示(默认),

                center居中显示,

                right居右显示;

    cellpadding="0"    单元格内容与单元格边框的显示距离

    cellspacing="0"    单元格之间的间距,默认2px

    frame    控制表格外框最外层的四条线框:

            void 无边框(默认值),

            above 仅顶部有边框,

            below 仅底部有边框,

            hsides 仅顶部和底部有边框,

            lhs 仅左侧有边框,

            rhs 仅右侧有边框,

            vsides 仅左侧和右侧有边框,

            box 有全部的4个边框,

            border 又全部的4个边框;

    rules    控制单元格之间的分割线:

            none 无分割线,

            all 有所有分割线,

            rows 仅有行分割线,

            cols 仅有列分割线,

            groups 仅在行组和列组之间有分割线;

    bgcolor="#f00"     背景色

    background="1.jpg"  背景图

<caption> 表格标题,位于<table>属性之后,<tr>表格行之前:

    align   标题位置:

            top 放在表格上部,

            bottom 放在表格下部,

            left 放在表格左侧,

            right 放在表格右侧; 

<tr> 定义表格的一行,属性:

    bgcolor    设置背景颜色

    align    水平方向对齐方式:

            left 居左对齐,

            center 居中对齐,

            right 居右对齐;

    valign    垂直方向对齐方式:

            top 靠顶端对齐,

            middle 居中对齐,

            bottom 靠底部对齐;

    height="50"     行高

<th> 单元格标记-表头标记,首行或首列,标签内的文本默认被加粗

<td> 单元格标记-数据标记,<th>与<td>属性:

    width    单元格宽度

    height    单元格高度

    bgcolor    设置单元格背景

    align    单元格水平对齐方式:        

            left 居左对齐,

            center 居中对齐,

            right 居右对齐;

    valign    单元格垂直对齐方式:

            top 靠顶端对齐,

            middle 居中对齐,

            bottom 靠底部对齐;

    colspan    设置单元格所占列数(合并列)

    rowspan    设置单元格所占行数(合并行)

    如果都合并:遵循“先列后行”。

Html - 表单:

语法格式:

<form action="" name="" method="">

    <input type="" name="" value="" size="" maxlength="" />

    <textarea name="" cols="" rows="" value=""></textarea>

    <input type="hidden" />: 隐藏域

    <input type="file" />: 上传图片

    <input type="image" src="1.jpg" />: 图片提交按钮

    <select name="" size="" multiple>

        <option value="" select="selected"></option>

        <option value=""></option>

    </select>

</form>

表单标记:

<form> 属性:

    action    服务器端地址/接收表单内容的地址/表单数据的处理程序的URL地址,若为空则表示当前文档的URL地址,若不需要使用此属性,要指定其属性为"no";

    method    传送数据的方式,分为post和get两种:

            get 限制提交内容的长度,

            post 没有数据大小限制;

    enctype    设置表单资料的编码方式;

    name    表单名称;

    target    和超链接的类似,用于指定目标窗口;

文本域:

<input> 单标签:

    type    值为"text"时,表示一个文本输入框,

          值为"password"时,表示一个密码输入框,

          值为"submit"时,表示一个提交按钮,

          值为"reset"时,表示一个重置按钮,

           值为"button"时,表示一个普通按钮,

           值为"radio"时,表示一个单选按钮,

          值为"hidden"时,表示一个隐藏域,

          值为"checkbox"时,表示一个复选框,

            单选框和复选框均可用"checked"属性设置默认选中项;

            单选框要将name值设为相同才能实现单选效果,

    name    定义控件的名称;

    value    初始化值,初次打开时,文本框中的值;

    size    设置控件的长度;

    maxlength    输入框中允许输入的最大字符数;

多行文本域:

<textarea> 属性:

    cols    指定显示的行数(单位:字符个数),

    rows    指定显示的列数,

下拉菜单:

<select> 属性:

    multiple    支持多选,

<option> 属性:

    value    当前选项的值,若不设置此属性,默认为此选项的文本内容,

    select    默认选中项;

Html - 框架:

语法格式:

<frameset rows="120,*,120" frameborder="1" border="1">

    <frame name="top" src="top.html" />

        <frameset cols="20%,80%">

            <frame name="left" src="left.html" />

            <frame name="right" src="right.html" />

        </frameset>

    <frame name="bottom" src="bottom.html" />

</frameset>

标记:

<frameset> 属性:

    cols    使用"像素数"和"%"分割左右窗口,"*"表示剩余部分,

          如使用"*,*",表示平均分成2个部分,

          如使用"*,*,*",表示平均分成3个部分;

    rows    使用"像素数"和"%"分割上下窗口,"*"表示剩余部分,

    frameborder    设置是否显示边框:

                0 不显示,

                1 显示;

    border    设置边框的大小,默认为5像素,

<frame> 单标记,必须放在<frameset>内,一个<frame>框架代表一个窗口:

    src    链接的网页文件的地址(必须填写);

    name    框架名称,根据name判断页面打开位置(要在超链接处加:target="name值")

    noresize    禁止调整框架大小,不设置表示可以调整大小;

    scrolling    是否需要滚动条:

                auto 根据需要自动出现,

                yes 有,

                no 无;

    frameborder    设置是否显示边框:

                0 不显示,

                1 显示;