Dreamweaver怎么制作可拖动表格?

Dreamweaver怎么制作可拖动表格?呵呵哒,你们可能或许不怎么清楚的把?其实嘛方法也就那样,接下来电脑技术网就为大家分享一下吧,希望可以帮助到大家!

一 HTML文档结构

1.在文档中插入一个表格。

HTML文档结构:<html>、<head>、<title>、<body>构成HTML页面中最基本的元素。

2.选中表格,在属性面板上,为表格设置一个id名称。本文中输入f1。

HTML常用标记:1.换行标记  <br>    2.段落标记   <p>
</p>   3.标题标记   <h1>~<h6>  数字越小,级别越高。 
4.居中标记  <center>需居中内容</center>

3.打开css样式面板,单击“新建css样式”按钮。

澳门新葡亰手机版,                           5.文字列表标记  
有序<ol>无序<ul> 

4.在“新建css样式”对话框中,类型中选择“使用CSS选择器”,在选择器中,输入#加上id名称。实例中输入#f1。

二  表格标记

5.在“定义”类别中,选择定位类型为“绝对”,在“定位”框中,“左”和“上”输入数值。按“确定”按钮完成CSS设置。

  1. 表格标记  <table> :
    <table>标记中有很多属性,如width设置表格的宽度,border设置表格的边框,align设置表格的对齐方式,bgcolor设置背景颜色。

6.在文档中,表格变得象“层”一样可拖动。

2.标题标记 <caption>

3.表头标记 <th>

4.表格行标记  <tr>
:以<tr>开头</tr>结尾,一组<tr>表示表格 
中的一行。但<tr>必须嵌套在<table>标记中使用。

5.单元格标记又叫列标记   <td> 
:一个<tr>可以嵌套若干个<td>

三 HTML表单标记

1.<form>..</form>表单标记

      定义处理表单数据程序的URL地址信息等,基本语法格式:

      <form
action=”url”mathod=”get”|”post”name=”name”onsubmit=”单击提交触发事件”target=”_self/_blank/_parent”>

      </form>

     <form>标记的重要属性

     action属性:指定表单数据提交至何处

     method属性:–指定表单数据提交的方式

2.<input>表单输入标记

    <input>能够演变为表单中许多不同的元素,取决于type属性

       type取值:

  –text(单行输入文本框)

  –submit(提交按钮)

  –password(密码输入文本框)

  –radio(单选按钮)

  –checkbox(复选框)

  –reset(复位按钮) 

  -button(普通按钮)

  -file(文件域)

  -hidden(隐藏域)

  -image(图像域)

基本格式为:

  <input type=”image” disabled=”disabled” checked=”checked” width=”digit” maxlength=”digit”   readonly=”” size=”digit” 

  src=”Uri” usemap=”Uri” alt=”” name=”checkbox” value=”checkbox”>

3.<select></select> 
下拉列表框标记

  使用<option>向列表中添加内容,属性为,name:指定列表框的名称。size:指定列表框的选项数量,超出可以通过拖动滚动条查看。

    disable指定当前列表框不可使用。multiple:用于让多行列表框支持多选。

4.<textarea>多行文本标记