html快速入门学习2_第1页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、html快速入门学习2html具实用于创建 unordered lists(无序列表) ,或带项目符号列表的特别元素无序列表以 元素开头,并包含一个或多个元素例:将会创建一个带项目符号的"milk"和"cheese"列表删除最后两个 元素,并在页面底部创建一个有关猫咪喜爱的三件事情的无序列表html具实用于创建ordered lists(有序列表), 或数字编号列表的特别元素有序列表以元素开头,并包含一个或多个元素例:将创建一个包含"garfield"和"sylvester"的数字编号列表创建一个有关 top 3

2、things cats hate: (猫咪不喜爱三件事情)的有序列表创建一个web表单文本输入框是猎取用户输入的一种便利的办法可以用如下办法创建:注重:元素是自关闭的例:在列表下创建一个type(类型)为 的元素placeholder text(占位符)是用户在 框输入任何内容之前放置在 input 框中的预定义文本你可以创建如下所示的占位符:例:将文本 框的的值设置为"cat photo url"可以用法html来构建跟服务器交互的web表单,通过在元素上添加一个属性来执行此操作属性的值指定了表单提交到服务器的地址例:把文本输入框嵌套到元素中,并为此元素添加在form中添

3、加一个 (提交)按钮点击此按钮,表单中的数据将会被发送到你用法表单 属性指定的地址上以下是一个submit按钮的例子:例:在 元素中添加一个提交按钮,并以类型为 , "submit"为按钮文本对于表单,你可以指定某些选项为required(必填项),惟独当用户填写了该选项后,用户才干够提交表单。例如,假如想要一个文本输入框设置为必填项,可以在 元素中加上 属性,可以用法:例:给文本输入框添加 属性,这样用户不填写输入框就无法提交表单单选按钮是 输入框的一种类型每个单选按钮都应当嵌套在自己的 label(标签) 元素中全部关联的单选按钮应具有相同的 属性下面是一个单选按钮的例

4、子:例子:在表单中添加两个单选按钮,一个叫 ,另一个叫checkboxes(复选按钮)通常用于可能有多个答案的问题的形式复选按钮是 的输入框的一种类型每一个复选按钮都应嵌套在其自己的 元素中全部关联的复选按钮输入应当具有相同的 属性以下是一个复选按钮的示例:例:为表单添加三个复选按钮,每个复选按钮都应嵌套在其自己的 元素,全部复选按钮的属性必需为用法 属性可以设置一个单选框和复选框默认被选中为此,只需在 元素中添加属性例如:例:设置第一个单选框和第一个复选框都为默认选中元素,也被称作division(层)元素,是一个盛装其他元素的通用容器元素是最常用的html元素可以利用css的继承关系把 上

5、的css传递给它全部子元素可以用法来标志一个div元素的开头,并用法来标志一个div元素的结束例:在"things cats love" 元素之前放置的开头标志,在结束标志之后放置的结束标志,这样两个列表就都嵌套在中了。把"things cats love"和"things cats hate"两个列表都嵌套在同一个元素中可以用法 属性来设置一个元素的背景色彩例:假如想要设置一个元素的背景色彩为,可以将其放在 元素中:例:创建一个叫 的类挑选器,设置其 为 gray,最后应用到 元素除了 属性之外,每一个 html 元素也可以具有 属

6、性属性应当是唯一的。虽然扫瞄器不会强制唯一,但这是被广泛认可的。所以不要给一个以上的元素相同的 属性下面例子解释如何设置 元素的属性为例:设置 元素的属性为全部的 html 元素本质上都是一些小矩形块有三个重要的属性控制每个html元素的布局:padding(内边距)、margin(外边距)、border(边框)元素的 控制元素与其边框 之间的距离可以看到,绿方块和红方块都位于黄方块中。注重:红方块具有比绿方块具有更大的当增大绿方块的 时, 它将增强元素内容和元素边框之间的距离例:修改绿方块的 ,以使它与红方块匹配元素的 (外边距)控制元素 (边框)和周围元素实际所占空间的距离可以看到,绿方块

7、和红方块都位于黄方块中。注重:红方块具有比绿方块更大的 (外边距),使其看起来更小当增大绿方块的 时,它将增强元素边框和元素实际所占空间之间的距离例:修改绿方块的 ,以使它与红方块匹配元素的 (外边距)控制元素的 (边框)和周围元素实际所占空间的距离假如将一个元素的 设置为负值,则元素将会变大例:把 的 margin设置为 -15px,以使它将父容器(黄方块)的横向宽度填充需要自定义一个元素,使它的每一个边具有不同的 paddingcss 允许用法 、 和 属性来控制元素四个方向的例:使 class的顶部和左侧具有 的 ,而底部和右侧则是需要自定义一个元素,使它的每一个边具有不同的css 允许用法 、 和 属性来控制元素四个方向的例:使 class的顶部和左侧具有 的 ,而底部和右侧则是除了分离指定元素的 、 和 属性外,还可以集中起来指定它们,如下所示:这四个值以顺时针方式罗列:顶部、右侧、底部、左侧,简称:上右下左例:用法顺时针表示法,给".green-box" class在其顶部和左侧具有 的 ,而底部和右侧具有 的除了分离指定

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论