zoukankan      html  css  js  c++  java

  • HTML2列表表单框架

    HTML——Hyper Text Markup Language

    <html>,<head>,<body>

    一、基本标签：

    （一）格式标签：——模型：word工具栏

    <font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>

     

    （二）内容容器：——模型：腾讯新闻页面

    <h1>...<h6>,<p>,<div>,<span>,<ul>,<ol>,<li>

     

    二、常用标签：

    （一）图像：<img src="" width="" height="" alt="" />

    （二）超链接：<a href="">文本</a>  <a name="">内容</a>

    （三）图片链接：<a><img/></a>

     

    三、表格

    <table><tr><td>

    （一）、<table>

    属性：width,border,cellpadding,cellspacing,bgcolor,align

    （二）、<tr>

    属性：height,bgcolor,align,valign

    （三）、<td>

    属性：width,height,colspan,rowspan,bgcolor,align,valign

     

    四、表单

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

    所有表单元素都具有的属性：

    id,name,disabled

    （一）、文本类：

    1.单行文本：<input id="" name="" type="text" value="" size="宽度(字符数)"/>

    2.多行文本：<textarea id="" name="" rows="高（行数）" cols="宽（字符数）">内容</textarea>

    3.密码：<input id="" name="" type="password" value="" size="宽度(字符数)"/>

    4.隐藏域：<input id="" name="" type="hidden" value="" size="宽度(字符数)"/>

    （二）、按钮类：

    1.普通按钮：<input id="" name="" type="button" value="按钮上的文字" />

    2.提交按钮：<input id="" name="" type="submit" value="按钮上的文字" />

    3.重置按钮：<input id="" name="" type="reset" value="按钮上的文字" />

    4.图像按钮：<input id="" name="" type="image" src="图像路径" width="" height="" />

    （三）、选择类：

    wpsDB44.tmp[4]wpsDB65.tmp[4] 

    1.单选

    <input id="" name="组名" type="radio" value="运算的值" checked="checked"/>

    2.复选

    <input id="" name="组名" type="checkbox" value="运算的值" checked="checked"/>

    3.列表

        下拉列表:

        <select id="" name="">

          <option value="1">送餐</option>

          <option value="2">取餐</option>

          <option value="3">订餐</option>

          <option value="4">进餐</option>

        </select>

        列表：

        <select id="" name="" size="大于1的数字" multiple="multiple">

          <option value="1">送餐</option>

          <option value="2">取餐</option>

          <option value="3">订餐</option>

          <option value="4">进餐</option>

    </select>

     

    4.文件

    <input id="" name="" type="file"/>

     

    五、框架

    wpsDBA4.tmp[4] 

    wpsDBB5.tmp[4]

    HTML——Hyper Text Markup Language

    <html>,<head>,<body>

    一、基本标签：

    （一）格式标签：——模型：word工具栏

    <font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>

    （二）内容容器：——模型：腾讯新闻页面

    <h1>...<h6>,<p>,<div>,<span>,<ul>,<ol>,<li>

    二、常用标签：

    （一）图像：<img src="" width="" height="" alt="" />

    （二）超链接：<a href="">文本</a>  <a name="">内容</a>

    （三）图片链接：<a><img/></a>

    三、表格

    <table><tr><td>

    （一）、<table>

    属性：width,border,cellpadding,cellspacing,bgcolor,align

    （二）、<tr>

    属性：height,bgcolor,align,valign

    （三）、<td>

    属性：width,height,colspan,rowspan,bgcolor,align,valign

    四、表单

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

    所有表单元素都具有的属性：

    id,name,disabled

    （一）、文本类：

    1.单行文本：<input id="" name="" type="text" value="" size="宽度(字符数)"/>

    2.多行文本：<textarea id="" name="" rows="高（行数）" cols="宽（字符数）">内容</textarea>

    3.密码：<input id="" name="" type="password" value="" size="宽度(字符数)"/>

    4.隐藏域：<input id="" name="" type="hidden" value="" size="宽度(字符数)"/>

    （二）、按钮类：

    1.普通按钮：<input id="" name="" type="button" value="按钮上的文字" />

    2.提交按钮：<input id="" name="" type="submit" value="按钮上的文字" />

    3.重置按钮：<input id="" name="" type="reset" value="按钮上的文字" />

    4.图像按钮：<input id="" name="" type="image" src="图像路径" width="" height="" />

    （三）、选择类：

    wpsDB44.tmp[6]wpsDB65.tmp[6]

    1.单选

    <input id="" name="组名" type="radio" value="运算的值" checked="checked"/>

    2.复选

    <input id="" name="组名" type="checkbox" value="运算的值" checked="checked"/>

    3.列表

        下拉列表:

        <select id="" name="">

          <option value="1">送餐</option>

          <option value="2">取餐</option>

          <option value="3">订餐</option>

          <option value="4">进餐</option>

        </select>

        列表：

        <select id="" name="" size="大于1的数字" multiple="multiple">

          <option value="1">送餐</option>

          <option value="2">取餐</option>

          <option value="3">订餐</option>

          <option value="4">进餐</option>

    </select>

    4.文件

    <input id="" name="" type="file"/>

    五、框架

    wpsDBA4.tmp[6]

    wpsDBB5.tmp[6]

    （一）frameset

    frameset主要用来分隔浏览器窗口，它所在的页面是用<frameset></frameset>来替换<body></body>

    属性：

    rows="100,*,100"

    cols="100,*"

    frameborder="no"

    子元素：

    <frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>

    （二）iframe

    它是嵌入在body里面的。

    <iframe width="300" height="400" frameborder="0" scrolling="no" src="Untitled-3.html"></iframe>

     

    （一）frameset

    frameset主要用来分隔浏览器窗口，它所在的页面是用<frameset></frameset>来替换<body></body>

    属性：

    rows="100,*,100"

    cols="100,*"

    frameborder="no"

    子元素：

    <frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>

     

    （二）iframe

    它是嵌入在body里面的。

    <iframe width="300" height="400" frameborder="0" scrolling="no" src="Untitled-3.html"></iframe>

     

     
  • 相关阅读:
    virtualenv的使用
    node.js报错：Cannot find module 'xxx'的解决办法
    mysql
    cProfile分析程序性能
    python实现一个无序单链表
    修改pycharm中的flask项目名遇到的坑
    Model class apps.goods.models.GoodsType doesn't declare an explicit app_label and isn't in an application in INSTALLED_APPS
    已安装的nginx添加其他模块
    pip install 一个本地包时提示error: Microsoft Visual C++ 14.0 is required.
    解决adober reader已停止工作的问题
  • 原文地址：https://www.cnblogs.com/981971554nb/p/4307922.html
Copyright © 2011-2022 走看看