码迷,mamicode.com
首页 > Web开发 > 详细

HTML2列表表单框架

时间:2015-03-02 09:21:38      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:

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="" />

(三)、选择类:

技术分享技术分享 

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"/>

 

五、框架

技术分享 

技术分享

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="" />

(三)、选择类:

技术分享技术分享

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"/>

五、框架

技术分享

技术分享

(一)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>

 

 

HTML2列表表单框架

标签:

原文地址:http://www.cnblogs.com/981971554nb/p/4307922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!