• HTML


    一、基本标签

    (一)格式标签(例:word工具条)

    1.<fount>:face属性 size属性 color属性

    2.<b></b>

    3.<i></i>

    4.<u></u>

    5.<br />

    (二)内容标签(模型:QQ新闻页面)

    1.<h1></h1>...<h6></h6>

    2.<p></p>

    3.<ul></ul> <ol></ol> <li></li>

    4.<div></div> <span></span>

    二、常用标签

    (一) 超链接<a></a>

    1.超链接文字---中间的内容

    2.超链接的导向地址---href属性

    3.target属性---_blank属性 在新窗口打开/_self属性 在自身窗口打开

    (二) 图片<img />

    1.图片的路径---src属性

    2.图片的大小---width属性 height属性

    (三) 图片超链接<a> <img /> </a>

    三、表格<table></table>

    (一) <table></table>

    1.常用(必记)

    width属性 border属性 cellpadding属性 cellspacing属性

    2.背景属性

    backgroung属性 bgcolor属性

    3.对齐属性

    align属性--水平对齐:center居中 left居左 right居右

    (二) <tr></tr>

    1.常见属性:height属性

    2.背景属性:background属性 bgcolor属性

    3.对齐属性

    align属性--水平对齐:center居中 left居左 right居右

    valign属性--竖直对齐:top居上 middle居中 bottom居下

    (三) <td></td>

    1.常见属性:width宽度 height高度

    2.背景属性:background属性 bgcolor属性

    3.对齐属性

    align属性--水平对齐:center居中 left居左 right居右

    valign属性--竖直对齐:top居上 middle居中 bottom居下

    4.合并属性:rowspan合并行 colspan和并列

    四、表单

    (一) 表单元素<form></form> 

    id name action--负责处理的服务端 method--提交方式

    (二) 表单成员 

    1.文本类

    文本框:<input type="text" id="" name="" value="" size="" maxlength=""/>

    密码框:<input type="password" id="" name="" value="" size="" maxlength=""/>

    文本域:<textarea id="" name="" rows="" cols=""></textarea>

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

    2.按钮类

    提交按钮:<input type="submit" id="" name="" value="" disabled=""/>

    重置按钮:<input type="reset" id="" name="" value="" disabled=""/>

    普通按钮:<input type="button" id="" name="'value="" disabled=""/>

    图片按钮:<input type="image" id="" name="' src="" disabled=""/>

    3.选择输入

    单选按钮组:<input type="redio" id="" name="" value="" checked=""/>

    复选框组:<input type="checkbox" id="" name="" value="" checked=""/>

    下拉列表框:<select id="" name="' size="" multiple="'></select>   子元素:<option value="" selected=""></option>

    文件上传:<input type="file" id="" name=""/>   

  • 相关阅读:
    原单,尾货的科普贴
    c code
    考试
    一个笔试题
    注意自己的聊天内容可能招致被拐卖儿童
    酷壳网陈皓:开发者实用学习资源汇总[转]
    性格测试
    最实用的心理调节技巧,让你的情感细胞提升一下吧!
    Makefile教程
    Extjs中的迭代
  • 原文地址:https://www.cnblogs.com/qianxiaojinnian/p/4588077.html
Copyright © 2020-2023  润新知