day01

07 img图形标签

 src属性:指定图片位置

 alt属性:当图片无法加载时显示的提示信息

 title属性:鼠标悬浮时显示提示信息

 heigth属性:图片的高(单位是像素)(如果宽和高只指定一个,图片会按比例缩放)

 width属性:图片的宽

 bordei属性:边框

 usemap属性:将图片分区,每个分区点了之后链接到不同的页面(不常用)

 

08 超链接

 a标签:anchor锚

 1.超链接:点击之后跳转页面

      格式:协议名+资源

       例   http://www.baidu.com

             mailto:XX@dhasj.cn发送邮件

 2.锚==>在当前页面跳转 例如回到顶部==>就是锚

     1>做一个锚标记,使用a标签的name属性指定锚点名称<a name="abc">这是顶部</a>

     2>跳转到锚标记,使用href标签指定要跳转到锚点<a href="#abc">回到顶部</a>

 

 a标签中的属性

  href属性:跳转的资源名或锚点名

  name属性:定义锚点时,指定锚点名称

  target属性:针对资源跳转时使用

       该属性不指定==>在当前页面打开

       _blank:在空白页打开 

 09 表格属性

 <table>表格:

 border:边框

 cellspacing:外边距==>单元格和其他单元格(边框)之间的距离

 cellpadding:内边距==>内容和单元格框线之间的距离

 

 <tr>:table row 表格中的一行

 <td>:table data cell 一列中的一个单元格

 <th>:table header 标题单元格

 colspan属性:横着占多少列

 rowspan属性:竖着占多少行

 align属性:对齐

10 框架标签

 框架标签与<body>标签 互斥(同一级)(把<body>标签删除)

  frameset:定义一个框架

       rows:将框架按照行(横着分)分割

       cols:将框架按照列(竖着分)分割

  frame:指定框架的页面

       src:指定显示页面的路径

       noresize:不能调整框架大小

      注:在HTML中,当属性的键和值完全一样时,可以忽略属性的值

      scrolling:是否显示滚动条yes no auto

      frameborder:是否显示边框0(无边框)1(有边框)

 11 表单标签

 form表单标签:要提交的内容,使用该标签包裹

     action属性:决定表单提交到哪里

     method属性:决定表单的提交方式 get(默认值)/post

             post和get的区别:

             1.post提交(http 请求正文中)键值对没有在地址栏上,而get是放在地址栏上的。

             2.安全性上post更高一些。

             3.长度上:get因为是放到地址栏中,长度受限。post理论上是无限的。

 input标签:表单项标签

       type类型:

             text   文本框

             password  密码框

             radio  单选框

             checkbox 多选框

             file  文件上传

             hidden   隐藏域

             submit   提交

             reset   重置

             button  按钮

        name属性:

              对于表单项:提交时键值对的键

        value属性:

             1>对于需要提交的表单项:提交时的值

             2>按钮类型的:按钮上显示的文字

       disabled属性:

              禁用。颜色变灰。不参与提交

              使用范围,所有input都可以使用

       checked属性:

             默认被选中。

             只适用于:1.radio  2.checkbox

      maxlength属性:定义最大长度

      size属性:定义输入框的显示长度

 select标签:下拉选

       size属性:同时显示的选项个数

       multiple属性:变成多选

       selected属性:让option默认被选中

 textarea标签:文本域

         col属性:列宽

         row属性:行高

         

 

 

 

 

 

 

           

 

 

 

 

 

 

 

 

 

 

  

 

 

posted @ 2017-04-30 09:28  威女神  阅读(90)  评论(0)    收藏  举报