HTML基本语法

HTML基本语法
3-1-1 FORM标签
<>

 

4.1 常用的HTML控件
4.1.1 表单控件
用于接收客户端的输入，并将输入的结果提交给服务器处理
1.HtmlForm控件
 所有的Web Form控件必须包含在一对HtmlForm控件标签中
<Form
   Id = "控件标识"
   Runat = "Server"
   Method = "Post | Get"
   Action = "要执行程序的地址"
>
   其他控件
</Form>

2. HtmlInputBotton控件
<Input
    Id = "被程序代码所控制的名称"
    Runat = "Server"
    Type = "Bottom | Submit | Reset"
    OnServerClick = "事件处理程序"
>
当为Submit时，是传送数据；等于Button时，可以用来触发事件程序；
Reset是用来重置窗体成为初始状态

3. HtmlInputText控件
<Input
   Id="被程序代码所控制的名称"
   Runat= "Server"
   Type="Text | Password"
   MaxLength = "可接收的字符串长度"
   Size="文本输入框的宽度"
   Value = "显示在输入框的默认值"
>

4.HtmlInputRadioButton控件
<Input
   Id = "控件标识"
   Runat = "Server"
   Type = "Radio"
   Checked = "true | false"
   Name = "按钮所属的组"
>

5.HtmlInputCheckBox控件
<Input
   Id = "控件标识"
   Runat = "Server"
   Type = "CheckBox"
   Checked = "true | false"
>
6. HtmlInputFile控件
<Input
  Id = "控件标识"
  Runat = "Server"
  Type = File
  Accept = "上传文件所采用的MIME编码"
  Size = "显示路径的输入框的宽度"
  MaxLength= "上传文件的最大路径长度"
  PostedFile = "要上传的文件"
>

7.HtmlInputImage控件
<Input
   Id="控件标识"
   Runat="Server"
   Type=Image
   Src="图像的地址"
   Align="图像的对齐方式"
   Alt="图像无法显示时替代的文字的内容"
   Width="图像边界的宽度"
>

8. HtmlInputHidden隐藏输入控件
当使用者传送输入的数据，同时也传送不需要使用者输入的数据时，
可以使用隐藏输入控件
<Input
   Id="控件标识"
   Runat="Server"
   Type="Hidden"
   Value="要保存的隐藏信息"
>

9.HtmlTextArea控件
<Textareas
   Id="控件标识"
   Runat="Server"
   Cols="单行的长度"
   Rows="文本输入区的列数"
   Name="文本区域传递给浏览器的名称"
   OnServerChange="处理ServerChange事件的函数"
>
文字区内容
</Textarea>

10. HtmlSelect控件
<Select
   Id="控件标识"
   Runat="Server"
   Items="绑定与列表的集合元素"
   Size="列表所能容纳的选项数目"
>
<Option>选项1</Option>
<Option>选项2</Option>
</Select>

4.1.2 表格控件
1. HtmlTableCell控件
<Td
  Id="控件标识"
  Runat="Server"
  Align="Left | Center | Right"
  BGColor="单元格背景色"
  BorderColor="单元格边框颜色"
  ColSpan="跨度数"
  Hight="表格高度"
  NoWarp="true | false"
  RowSpan="跨列数"
  Valign="垂直对齐方式"
  Width="表格宽度"
>
单元格中的内容
</Td>

2.HtmlTableRow控件的语法
<Tr
  Id="控件标识"
  Runat="Server"
  Align="Left|Center|Right"
  BGColor="背景色"
  BorderColor="边框颜色"
  Hight="表格高度"
  Cells="表格行的集合"
  Valign="垂直对齐方式"
  <Td>字段内容</Td>
  <Td>字段内容</Td>
</Tr>

3.HtmlTable控件的语法
<Table
   Id="控件标识"
   Runat="Server"
   Align="Left | Center | Right"
   BGColor="背景色"
   BorderColor="边框颜色"
   CellPadding="像素"
   CellSpacing="像素"
   Hight="表格高度"
   Rows="Row集合"
   Width="表格宽度"
>
<Tr><Td></Td></TR>
<Tr><Td></Td></TR>
</Table>

 

4.1.3 其他控件
1. HtmlAnchor控件
<A
  Id="控件标识"
  Runat="Server"
  Href="要连接的URL地址"
  Name="保存在浏览器收藏夹中的标签名"
  OnServerClick="处理ServerClick事件的函数"
  Target="打开连接网页的窗口"
  Title="显示的标题"
>
超级链接文字
</A>

2. HtmlImage控件
<Img
  Id="控件标识"
  Runat="Server"
  Alt="无法显示图像时显示的小提示"
  Align="Top | Middle | Bottom | Left | Right"
  Border="边框宽度"
  Height="图像高度"
  Src="图像所在的地址"
  Width="图像宽度"
>

3. HtmlButton控件
<Button
  Id="控件标识"
  Runat="Server"
  OnServerClick="事件程序名"
>
  按钮上的文字、图形或控件
</Button>

4. HtmlGenericControl控件
通过使用该控件，使得这些HTML元素也可以具备动态改变元素的属性和内容
的特性。
<Span | Body | Div | Font | Others
   Runat="Server"
   Id="控件标识"
>
 标签中的内容
</Span | Body | Div | Font | Others>

4.2 Web控件
4.2.1 Label控件
用于在页面上显示信息
<ASP:Label
   Id="控件标识"
   Runat="Server"
   Text="所要显示的文字"
/>
或者
<ASP:Label
   Id="控件标识"
   Runat="Server"
>
所要显示的内容
</ASP:Label>

4.2.2 Button控件
<ASP:Button
   Id="控件标识"
   Runat="Server"
   Text="按钮上的文字"
   Command="命令名称"
   CommandArgument="命令参数"
   OnClick="单击按钮后所要处理的程序"
/>

4.2.3 CheckBox和CheckBoxList控件
(1)CheckBox控件
<ASP:CheckBox
   Id="控件标识"
   Runat="Server"
   AutoPostBack="true | false"
   Text="控件的文字"
   TextAlign="控件文字出现在左方或右方"
   Checked="true | false"
   OnCheckedChanged="处理程序"
/>
(2) CheckBoxList控件
<ASP: CheckBoxList
    Id="控件标识"
    Runat="Server"
    AutoPostBack="true | false"
    CellPadding = "像素"
    DataSource="<%数据源的字段%>"
    DataTextField="数据源的字段"
    DataValueField="数据源的字段"
    RepeatColumns="Vertical | Horizontal"
    RepeatLayout="Flow | Table"
    TextAlign="Right | Left"
    OnSelectedIndexChanged="处理程序"
>
<ASP:ListItem/>
</ASP:CheckBoxList>

4.2.4 RadioButton 和RadioButtonList控件
(1)RadioButton控件
<ASP:RadioButton
   Id="控件标识"
   Runat="Server"
   AutoPostBack="true | false"
   Checked="true | false"
   GroupName="群组名称"
   Text="标识控件的文字"
   TextAlign="设定文字在控件的左边或右边"
   OnCheckedChanged="处理程序"
/>

(2)RadioButtonList控件
<ASP:RadioButtonList
   Id="控件标识"
   Runat="Server"
   AutoPostBack="true | false"
   CellPadding ="像素"
   DataSource="<%数据源的字段%>"
   DataValueField="数据源的字段"
   RepeatColumns="数据源的字段"
   RepeatDirection="Vertical | Horizontal"
   RepeatLayout="Flow | Table"
   TextAlign="Right | Left"
   OnSelectedIndexChanged="处理程序"
>
<ASP:ListItem/>
<?ASP:RadioButtonList>

4.2.5 Image控件和ImageButton控件
(1)Image控件
<ASP:Image
   Id="控件标识"
   Runat="Server"
   ImageUrl="图片所在的地址"
   AlternateText="图形还没加载时所替代的文字"
   ImageAlign="NotSet | AbsBottom | AbsMiddle |
 BaseLine | Bottom | Left | Middle | Right | TextTop | Top"
/>
(2)ImageButton控件
<ASP:ImageButton
   Id="控件标识"
   Runat="Server"
   Command="命令名称"
   CommandArgument="命令参数"
   OnClick="处理程序名"
/>

4.2.6 HyperLink和LinkButton控件
(1)HyperLink控件
<ASP:Hyperlink
    Id="控件标识"
    Runat="Server"
    Text="超级链接文字或小提示文字"
    ImageUrl="图片所在地址"
    Target="超级链接所要显示的窗口"
/>
或者
<ASP:Hyperlink
   Id="控件标识"
   Runat="Server"
   ImageUrl="图片所在地址"
   Target="超级链接所要显示的窗口"
/>
超级链接文字
</ASP:Hyperlink>