报表的标题&lt,Gb2312 简单粤语

文件输入框1:<input type=”text” disabled>

1 迅速形式:html:xt +tab   过渡XHTML

Unicode   

                       

Unicode   

Gb2312 简单中文

<tbody>              

Gb2312 简单闽南语

2.Charset   编码

<input type=”reset” value=”重置按钮” >

2 .1、Meta标签介绍

meta 的习性有二种:name和http-
equiv

2.1.1 name

图片 1

个中的特性说明如下:
  设定为all:文件将被寻找,且页面上的链接可以被询问;
  设定为none:文件将不被搜寻,且页面上的链接不得以被询问;
  设定为index:文件将被搜寻;
  设定为follow:页面上的链接可以被询问;
  设定为noindex:文件将不被搜寻,但页面上的链接可以被询问;
  设定为nofollow:文件将不被寻找,页面上的链接能够被询问

 2.1.2 网页重定向

                   <!– 页面5秒后刷新跳转Samsung官网 –>
     <meta http-equiv=”refresh”
content=”5;http://www.mi.cn"&gt;

2.2
、link标签: 
 

   1: 
引用外部css
   2:   引用title图片  (icon)    
例如: <link  rel=”icon”  href=”1.icon”>

  链接外部样式表

 图片 2

 设置icon图标

<meta
charset=”UTF-8″>

图片 3l  属性:  <table 属性: 
<table border=”设置表格的边框(双边框)”  width=”设置表格的幅度” >

2.Charset   编码

图片 4

</tbody>               

      !+tab  html5的竹签结构

4.表单

   表单的意义是收集音讯

表单的咬合

 

◆提醒消息

    一个表单中见惯不惊还亟需包含部分表达性的文字,指示用户举办填写和操作,如用户名、密码等

◆表单控件

        饱含了切实可行的表单效能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

◆表单域

    他相当于一个容器,用来兼容所有的表单控件和指示信息,可以通过她定义处理表单数据所用程序的url地址,以及数据交由到服务器的法子。假使不定义表单域,表单中的数据就无法传送到后台服务器。

    
<form name=”form_name” action=”1.php”
method=”post”>

 

性能:action:处理音讯

         Method=”get | post”   

                        Get通过地点栏提供(传输)信息,安全性差。

                       Post 通过1.php来拍卖音讯,安全性高。

 

◆input 控件

    
用户名:<input type=”text” maxlength=”8″ disabled=”disabled”
name=”username”  value=”study”>

    
<input
/>标记为单标记,type属性为其最核心的性质,其取值有多种,用于指定不同的控件类型。除了type属性之外,<input
/>标记还足以定义很多此外的属性,其常用属性如下表所示

图片 5

 

◆下拉列表

<select>

  <option>下拉列表选项</option>

  <option>下拉列表选项</option>

  ……

</select>

在HTML中,可以为<select>和<option>标记定义属性,以变更下拉菜单的外观显示效果,具体如下表所示

图片 6

 

<optgroup></optgroup>
 
 对下拉列表举行分组。 
Label=””  分组名称。

多选框:

图片 7

Checked=”checked” 设置默认选中项


textarea控件

 
要是急需输入大量的音信,就需要用到<textarea></textarea>标记。通过textarea控件可以轻松地创建多行文本输入框

图片 8

Cols:支配输入字符的长度,相当于宽度 
Rows:操纵输入的行数,相当于低度

◆表单新闻分组

图片 9

<fieldset></fieldset>    对表单信息分组

<legend></legend>      表单音讯分组名称

 

html5补偿表单控件

图片 10

 

效能:将表单内数据开展付出(服务器端)

 图片 11

      !+tab  html5的标签结构

<input type=”button” value=”登录按钮” > 
<button>普通按钮</button>

图片 12

Utf-8   通用字符集
包含全世界享有国家需要动用的字符

<select multiple>      —默认呈现效果,至少显示两个挑选

Big5  繁体中文

Big5  繁体粤语

 图片 13

 

3、 表格

 

<table>
   表格

  
<tr>       行

     
<td></td> 列

     
<td></td>

   
</tr>

</table>

图片 14

报表的特性:填充属性和距离属性

图片 15

报表中的属性

图片 16

3.1表格的科班协会

  在利用表格举行布局时,可以将表格划分为头部、主体和页脚

图片 17

<thead></thead>:用于定义表格的头顶,必须放在<table></table>标记中,一般包含网页的logo和导航等头部音讯。

<tbody></tbody>:用于定义表格的核心,位于<table></table>标记中<thead></thead>标记之后,一般包含网页中除头部和底部之外的其他内容。

<tfoot></ tfoot
>:用于定义表格的页脚,位于<table></table>标记中<tbody></tbody>标记之后,一般包含网页底部的集团信息等。

 3.3 表头和单元格合并

**<caption></caption>
元素定义表格标题,caption 标签必须紧随
table
标签之后。您不得不对各类表格定义一个题目。平常这一个标题会被居中于表格之上。**

图片 18

3.4报表标题、边框颜色、内容垂直对齐

◆表格标题 <th></th>用法和td一样  标题的文字自动加粗水平居中对齐

◆边框颜色  bordercolor =“ ”

◆内容垂直对齐格局  <td valign=“top”>
账上</td>  

      Valign=”top   |  middle   |  bottom”

 

PS:报表细线  table 背景象    td 
背景白色

办法优化 GET 模式; 在实际上支出中,一般采用 POST 格局

Ansi

1 快捷模式:html:xt +tab   过渡XHTML

ü <input>元素 – 输入框

Ascll

5.标签语义化

-标签语义化概念:遵照情节的结构化(内容语义化),采取适合的竹签(代码语义化)

-标签语义化意义:    1:网页结构合理          

          2:有利于seo:和搜索引擎建立特出关系,有了可以的布局和语义你的网页内容自然容易被寻找引擎抓取;
         

          3:方便其他设施解析(如屏幕阅读器、盲人阅读器、移动设备)
         

            4:便于团队开发和保障

标签语义化(注意事项)

1:尽可能少的应用无语义的价签div和span;

2:在语义不显明时,既可以运用div或者p时,尽量用p,
因为p在默认意况下有上下间距,对郎才女貌特殊终端有利;

3:不要拔取纯样式标签,如:b、font、u等,改用css设置。

4:需要强调的文件,可以蕴涵在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);

</select>

5.标签语义化

-标签语义化概念:依照情节的结构化(内容语义化),选取十分的标签(代码语义化)

-标签语义化意义:    1:网页结构合理          

          2:有利于seo:和查找引擎建立优质关系,有了出色的结构和语义你的网页内容自然容易被搜寻引擎抓取;
         

          3:方便其他设备解析(如屏幕阅读器、盲人阅读器、移动装备)
         

            4:便于团队开发和掩护

标签语义化(注意事项)

1:尽可能少的利用无语义的价签div和span;

2:在语义不肯定时,既可以行使div或者p时,尽量用p,
因为p在默认境况下有上下间距,对郎才女貌特殊终端有利;

3:不要接纳纯样式标签,如:b、font、u等,改用css设置。

4:需要强调的文书,可以蕴涵在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);

2 .1、Meta标签介绍

meta 的属性有二种:name和http-
equiv

2.1.1 name

图片 19

中间的性能表明如下:
  设定为all:文件将被寻找,且页面上的链接能够被询问;
  设定为none:文件将不被搜寻,且页面上的链接不得以被询问;
  设定为index:文件将被搜寻;
  设定为follow:页面上的链接可以被询问;
  设定为noindex:文件将不被寻找,但页面上的链接可以被询问;
  设定为nofollow:文件将不被搜寻,页面上的链接能够被询问

 2.1.2 网页重定向

                   <!– 页面5秒后刷新跳转One plus官网 –>
     <meta http-equiv=”refresh”
content=”5;http://www.mi.cn"&gt;

2.2
、link标签: 
 

   1: 
引用外部css
   2:   引用title图片  (icon)    
例如: <link  rel=”icon”  href=”1.icon”>

  链接外部样式表

 图片 20

 设置icon图标

     实现文件上传功效:<form enctype=”multipart/form-data”>

4.表单

   表单的职能是收集信息

表单的咬合

 

◆指示音讯

    一个表单中常见还亟需包含部分表明性的文字,指示用户展开填空和操作,如用户名、密码等

◆表单控件

        蕴含了具体的表单效率项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

◆表单域

    他一定于一个器皿,用来兼容所有的表单控件和指示音讯,能够由此他定义处理表单数据所用程序的url地址,以及数额交由到服务器的法门。假使不定义表单域,表单中的数据就无法传送到后台服务器。

    
<form name=”form_name” action=”1.php”
method=”post”>

 

特性:action:处理音信

         Method=”get | post”   

                        Get通过地点栏提供(传输)音信,安全性差。

                       Post 通过1.php来拍卖音讯,安全性高。

 

◆input 控件

    
用户名:<input type=”text” maxlength=”8″ disabled=”disabled”
name=”username”  value=”study”>

    
<input
/>标记为单标记,type属性为其最大旨的性能,其取值有多种,用于指定不同的控件类型。除了type属性之外,<input
/>标记还可以够定义很多另外的特性,其常用属性如下表所示

图片 21

 

◆下拉列表

<select>

  <option>下拉列表选项</option>

  <option>下拉列表选项</option>

  ……

</select>

在HTML中,可以为<select>和<option>标记定义属性,以变更下拉菜单的外观展现效果,具体如下表所示

图片 22

 

<optgroup></optgroup>
 
 对下拉列表举行分组。 
Label=””  分组名称。

多选框:

图片 23

Checked=”checked” 设置默认选中项


textarea控件

 
假使急需输入大量的音讯,就需要用到<textarea></textarea>标记。通过textarea控件可以轻松地创立多行文本输入框

图片 24

Cols:控制输入字符的尺寸,相当于宽度 
Rows:支配输入的行数,相当于中度

◆表单音讯分组

图片 25

<fieldset></fieldset>    对表单音讯分组

<legend></legend>      表单消息分组名称

 

html5补给表单控件

图片 26

 

      html:xs+tab  严格XHTML

附:实现提交功用,需配合<input type=”submit”>

Gbk 包含全体中文字符  繁体

Ascll

    email输入框3:<input type=”email”>     email等品类是 HTML5
新增项目

      html:xs+tab  严格XHTML

 

      <input type=”checkbox” name=”2″>abc

<meta
charset=”UTF-8″>

 图片 27

    文本输入框3:<input type=”text”>

Utf-8   通用字符集
包含全世界所有国家需要采纳的字符

Gbk 包含全部国语字符  繁体

图片 28

3、 表格

 

<table>
   表格

  
<tr>       行

     
<td></td> 列

     
<td></td>

   
</tr>

</table>

图片 29

报表的性能:填充属性和距离属性

图片 30

报表中的属性

图片 31

3.1表格的标准社团

  在应用表格举办布局时,可以将表格划分为头部、主体和页脚

图片 32

<thead></thead>:用于定义表格的头顶,必须放在<table></table>标记中,一般包含网页的logo和导航等头部信息。

<tbody></tbody>:用于定义表格的着重点,位于<table></table>标记中<thead></thead>标记之后,一般包含网页中除头部和底部之外的别样情节。

<tfoot></ tfoot
>:用于定义表格的页脚,位于<table></table>标记中<tbody></tbody>标记之后,一般包含网页底部的店铺信息等。

 3.3 表头和单元格合并

**<caption></caption>
元素定义表格标题,caption 标签必须紧随
table
标签之后。您不得不对各种表格定义一个题名。常常这多少个标题会被居中于表格之上。**

图片 33

3.4报表标题、边框颜色、内容垂直对齐

◆表格标题 <th></th>用法和td一样  标题的文字自动加粗水平居中对齐

◆边框颜色  bordercolor =“ ”

◆内容垂直对齐模式  <td valign=“top”>
账上</td>  

      Valign=”top   |  middle   |  bottom”

 

PS:报表细线  table 背景象    td 
背景白色

Ansi

7、表单

 

l  页面布局

<tfoot>                     

<caption>表格的标题</caption>

格式:请求地址 ? 元素的name属性值 = 值 & 元素的name属性值 = 值

【设置同一的name属性值为一组,才可单选或多选,
否则单选框中肆意选项均可选】

² 表单提交(服务器密码)

图片 34

  • 按钮:value属性-设置当前按钮的名称

</tr>                  —<td rowspan =” “>  表示跨几行

    密码输入框3:<input type=”password”>  
默认显示的成效就是实心的点

职能:存储一些不期待被用户观望的情节(数据);不会来得在浏览器页面中  

<input type=”radio” name=”1″ checked>abc  checked属性
设置当前选用被入选

</th>                 —<td>元素:表示表格中的单元格

职能: 拔取地面文件;在实际上开支中,用于文书上传

²  post方式

        <option>     </option>          —
一般默认第一个<option>内容选取

</tr>                
—<tfoot>:表格的表尾,显示在报表的最后

</table>

(1)单选列表

ü <form>元素 – 表单元素

²  get方式

  • 图形:  <input type=”image” src=”111.png”>    —
    HTML5新增品种

表单内元素必须定义name属性值;且务必配合提交按钮使用

注:使用<thead><tbody><tfoot>,使浏览器能独立于表格表头和表格页脚的报表主体滚动。当包含多少个页面的表格被打印,表格的表头和页脚可被打印在富含表格数据的每张页面上。

<td></td>              —<td colspan=”数字”> 
表示跨几列

<form method=”设置当前表单提交的法门”>

注:<select>在form外,则无从发送到服务器

l  概念:表格一定有着行和列

性能:<form action=”设置当前表单提交的地点(服务器端)”>

</thead>

  • 输入框:

method: 设置当前表单的交付形式

6、表格

  • 隐藏域:<input type=”hidden”>

<select multiple  size=”数字”>                — size属性 –
设置默认突显的个数

<th>                  —<th>元素:表示表格中的表头

 图片 35

     设置当前的文件域同时选用四个文本: <input type=”file”
multiple=”multiple”>

</tfoot>

                                     使用表格概念实现页面布局

特征:数据传输不够安全,即明码(未加密);对数据内容的轻重缓急会限制

<input type=”submit” value=”提交按钮” >

  • 单选或多选框:

²  下拉列表

<select>         

    文本输入框2:<input type=”text” readonly>

(2)多选列表

<option selected>   </option>     — 属性selected
表示近日的选项被选中

  • 文件域:<input type=”file” >  

<td></td>         —<tbody>:表格中的数据内容

注: 默认情状下,每一遍只可以拔取一个文书

<tr>             
    —<thead>:包含<th>表头,呈现在表格的最前头

<td></td>         —<tr>元素:表示表格中的行

<table>

<tr>                    

<thead>               

相关文章