表格表单

表格,

<tabale>    -------表格

<tr>            --------------行

<td>             ---------列(单元格)

</td>

</tr>

</table>

表格的四大属性,设置表格先设他们4个

width 宽度    border  边框   cellpadding 内容与单元格的边距  cellspacing 单元格的间距

bgcolor 背景色   background 背景图片

行的属性,

align 行距中   valign 竖直居中  height 行高   bgcolor 背景色   background 背景图片

列的属性,

align 行距中   valign 竖直居中  height 行高   width 宽度   bgcolor 背景色   background 背景图片

单元格的合并,   colspan=""  同一行合并   rowspan=""  同一列合并

表单,

<form id=""  name="" method="post/get"  action="负责处理的服务器">

1,文本输入

文本框  <input  type="txt"   name=""   id=""   value=""/>

密码框  <input  type="password"   name=""   id=""   value=""/>

文本域  <textarea name=""  id="" cols=""  rows=""></textarea>

隐藏域  <input  type="hidden"   name=""   id=""   value=""/>

2,按钮

提交按钮 <input  type="submit"  name=""  id=""  disabled="disabled"  value=""/>   ----设置disabled 是按钮默认不可用, enable 可用

重置按钮 <input  type="reset"  name=""  id=""  disabled="disabled"  value=""/>

普通按钮 <input  type="button“  name=""  id=""  disabled="disabled"  value=""/>

图片按钮 <input  type="image"  name=""  id=""  disabled="disabled"  src="图片的地址"/>

3,选择按钮

单选按钮组  < input type="radio"  name=""   checked="checked"  value=""/>

复选按钮足  < input type="checkbos"  name=""   checked="checked"  value=""/>     ----------checked 默认选择

文件上传  <lable  for=""> </label>

下拉列表框  < select  name=""  id=""   size=""   multiple="multiple">              ------------size 下拉几列  multiple多选

<option value ="" ></option>

<option value =""   selected="selected"></option>    -----selected 默认选项

<option value ="" ></option>

</select>

框架

1,frames

用frame来布置网页的时候要把body去掉。

<frameset rows="100,*" frameborder="no">     ---------上下分行,第一行100像素, rows改成cols左右分行, frameborder分割线

<frame src =""   noresize="noresize">        ---------noresize 禁止调整串口大小

<frame src =""  scrolling="no"  >                  --------------scrolling  滚动条    src也可改成target="name"

</frameset>

2,iframe

在原网页嵌入一个页面

<iframe  src=""  width  height=""   frameborder=""   scrolling=""></frame>

网页HTML1的更多相关文章

  1. HTML1网页三部份内容

    网页三部份内容:HTML CSS Javascript 路径:一般做网页的时候用的相对路径. images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpg ...

  2. python网页爬虫小项目开发

    这是我最近接的一个小项目,花了是整整四天多时间. 任务是将http://www.examcoo.com/index/detail/mid/7网站下所有的试卷里的试题全部提取出来,首先按照题型进行分类, ...

  3. HTML之网页的基本介绍

    一.web的基本介绍 web就是world wide web的缩写,称之为全球广域网,俗称WWW 可以将web理解成一种当前的互联网,对于我们来说更多的就是网站服务 网站我们可以理解成是由很多网页组合 ...

  4. C#网页数据采集(三)HttpWebRequest

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

  5. python网络爬虫-解析网页(六)

    解析网页 主要使用到3种方法提取网页中的数据,分别是正则表达式.beautifulsoup和lxml. 使用正则表达式解析网页 正则表达式是对字符串操作的逻辑公式 .代替任意字符 . *匹配前0个或多 ...

  6. 网页提交中文到WEB容器的经历了些什么过程....

    先准备一个网页 <html><meta http-equiv="Content-Type" content="text/html; charset=gb ...

  7. jQuery实践-网页版2048小游戏

    ▓▓▓▓▓▓ 大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了, ...

  8. 百度推出新技术 MIP,网页加载更快,广告呢?

    我们在2016年年初推出了MIP,帮助移动页面加速(原理).内测数据表明,MIP页面在1s内加载完成.现在已经有十多家网站加入MIP项目,有更多的网站正在加入中.在我们收到的反馈中,大部分都提到了广告 ...

  9. 预览github里面的网页或dome

    1.问题所在: 之前把项目提交到github都可以在路径前面加上http://htmlpreview.github.io/?来预览demo,最近发现这种方式预览的时候加载不出来css,js(原因不详) ...

随机推荐

  1. [!] Unable to satisfy the following requirements:

    出现这个问题是由于我本地Podfile文件上第三方版本太低. 解决方案就是,更新一下本地Podfile文件上的第三方版本,也就是pod update --verbose一下. 注意一下,这个命令需要很 ...

  2. PHP HTTP

    安装 HTTP 函数是 PHP 核心的组成部分.无需安装即可使用这些函数. PHP HTTP 函数 PHP:指示支持该函数的最早的 PHP 版本. 函数 描述 PHP header() 向客户端发送原 ...

  3. C#将图片字节流转为Base64直接放入html的img标签src属性中

    1,图片要转为byte[], 2,注意加上“data:image/jpeg;base64,”,这里jpeg可以换成其他. string html = "<img src='data:i ...

  4. 武汉科技大学ACM:1004: 华科版C语言程序设计教程(第二版)习题5.6

    Problem Description 这天老师又给小豪出了一道题目:给你三根长度分别为a,b,c的火柴,让你计算这三跟火柴能组成的三角形的面积. Input 输入每行包括三个数a,b,c. Outp ...

  5. 手写总结:synchronized 和 lock 区别

    1.  synchronized 是jvm 层次的(可以会造成死锁), lock 可以写代码控制,一般在异常时在 finally 里可以 unlock 释放锁 2. lock 细度更细,synchro ...

  6. 学习OpenSeadragon之四(导航视图)

    OpenSeadragon介绍以及上手:学习OpenSeadragon之一 OpenSeadragon主要用于地图.医学图像等需要放大缩小分层显示的图像显示. 1.简单例子 导航视图就是在一个小框中显 ...

  7. 解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中

    背景:   昨天帮朋友做一个easyui datagrid的小实例时,才发现easyui datagrid的checkbox列,没有根据值为true或false来选中checkbox,当时感觉太让人失 ...

  8. memcache配置与使用

    php100:73:MemCached高级缓存配置 Memcache相关介绍: memcache 是一个高性能的分布式的内存对象缓存系统,它能够存储各种各样的的数据,包括图片,视频,文件等等.缓存功能 ...

  9. Css透明度

    全透明代码:{background:transparent} 半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !importan ...

  10. 第几天 switch做法 杭电

    第几天? Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Submi ...