zoukankan      html  css  js  c++  java
  • day02-html+css

    (div可以嵌套span ,div嵌套什么都行,但是很多标签无法嵌套div比如<span> <p>)
    
    一,表格
    表格格式:
    <table>表格框架
      <tr>一行
        <td>一个单元格</td>
        ...
      </tr>
      ...
    </table>
     非必要标签:
    1,<caption>表格的标题标签,必须位于<table>后面,只能有一个!或者不加,caption中文字自动居中。
    2,<th></th>表头标签,中间内容自动加粗,居中。
    3,<thead></thead>:用于定义表格的头部。必须位于<table></table> 标签中,一般包含网页的logo和导航等头部信息。           
    4,<tbody></tbody>:用于定义表格的主体。位于<table></table>标签中,一般包含网页中除头部和底部之外的其他内容。
    表格属性:
    
    注意:
    1. <tr></tr>中只能嵌套<td></td>
    2. <td></td>标签,他就像一个容器,可以容纳所有的元素
    合并单元格:
    跨行合并:rowspan
    跨列合并:colspan
    单元格的合并
    将多个内容合并的时候,就会有多余的东西,把它删除。例如:把3个td合并成一个,那就多余了2个,需要删除。
    公式:删除的个数 = 合并的个数 - 1
     合并的顺序:先上 后下 先左 后右
    1.先确定是跨行还是跨列合并
    2.根据 先上 后下 先左 后右的原则找到目标单元格.
    3.删除单元格 删除的个数 = 合并的个数 - 1
    二,input控件
    
    注意:radio如果是一组,必须给他们命名相同的名字name,这样就可以达到互斥效果
    三,textarea控件
    <textarea cols="宽度 " rows="高度">  默认是20
      文本内容
    </textarea>
    四,select控件
     如下拉菜单
    使用select控件定义下拉菜单的基本语法格式如下:
    <select>
      <option>选项1</option>
      <option>选项2</option>
      <option>选项3</option>
      ...
    </select>
    注意:
    1. select中至少应包含一对option。
    2. 在option中定义selected ="selected "时,当前项即为默认选中项。
    五,表单域
    在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下:
    <form action="url地址" method="提交方式" name="表单名称">
      各种表单控件
    </form>
    常用属性:
    1. action在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。
    2. method用于设置表单数据的提交方式,其取值为get或post。
    3. name用于指定表单的名称,以区分同一个页面中的多个表单。
    注意: 每个表单都应该有自己表单域。
  • 相关阅读:
    RocketMQ Message hasn't been sent. Caused by No route info of this topic, test-topic
    Barrier
    WPF之资源
    WPF之命令
    WPF之事件
    WPF之属性
    多路Binding
    Binding的数据转换
    Binding的数据校验
    为Binding指定源的方法
  • 原文地址:https://www.cnblogs.com/adylz111/p/13433375.html
Copyright © 2011-2022 走看看