2021-11-14

Meta标签和Link标签
Meta 标签
meta 的属性有两种：name 和 http-equiv。

name 属性
主要用于描述网页，对应于 content（网页内容）。

1、用来说明网页使用的字符集，即编码格式

2、用以说明生成工具（如Microsoft FrontPage 4.0）等；
< meta name=“generator” contect="">
3、向搜索引擎说明你的网页的关键词；

4、告诉搜索引擎你的站点的主要内容；
< meta name=“description” contect="">
5、告诉搜索引擎你的站点的制作的作者；
< meta name=“author” contect=“你的姓名”>
6、有时候会有一些站点内容，不希望被ROBOTS抓取而公开。为了解决这个问题，ROBOTS开发界提供了两个办法：一个是robots.txt，另一个是 The Robots META 标签。

robots 其中的属性说明如下：

设定为 all：文件将被检索，且页面上的链接可以被查询；

设定为 none：文件将不被检索，且页面上的链接不可以被查询；

设定为 index：文件将被检索；

设定为 follow：页面上的链接可以被查询；

设定为 noindex：文件将不被检索，但页面上的链接可以被查询；

设定为 nofollow：文件将不被检索，页面上的链接不被查询。

http-equiv 属性

网页重定向，表示的是 5 秒后网页自动跳转到指定网址。
Link 标签

• 给网页 titile 中放置小图标

• 表格（table）
  表格基本结构
  在 HTML 语言中，表格至少由 < TABLE> 标签、< TR> 标签和 标签这 3 对标签组成。

  1.

  ... 标签用于在HTML文档中创建表格。它包含表名和表格本身内容的代码。表格的基本单元是单元格，用 标签定义。

  ...

  2.
  表格行用 < tr> 标签定义，由单元格构成。多个行结合在一起就构成一个表格，这反映在用于创建表格的HTML语法中。表格的每一行都用 < tr> 标签表示，并用相应的 </t r> 结束.

  3.
  表格的每一行又有若干表格单元格，用 … 标签表示。td 是”表格数据(Table Data)”的英文缩写。< td> 标签定义一个列，嵌套于 标签内。
  border 属性是最常用的属性，可用于定义表格的单元格和结构。该属性指定边框的厚度，如果其值设置为零(0)，则不显示边框。

  基本语法：

  < table>
  
  < td>姓名</t d>
  < td>年龄</t d>
  < td>职业</t d>
  < td>籍贯</t d>
  < /tr>
  </ table>
  属性介绍：
  
  补充知识：单元格的合并
  横向合并
  < tr>
  </t d>
  </t d>
  </t d>
  </ tr>
  实例展示：

  <!- - 实例展示 -->
  
  
  姓名</t h>
  年龄</t h>
  
  籍贯</t h>
  </ tr>
  
  小明</t d>
  18</t d>
  码农</t d>
  江苏</t d>
  

   表单（form） 表单介绍表单的作用：主要负责数据采集功能。对于表单构成中的表单控件、提示信息和表单域，对他们的具体解释如下：表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。表单域：他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。基本语法：< form name="form_name" action="url" method="get|post">…< /form>1属性介绍：Name ：定义表单的名称；Action ：用来指定表单处理程序的位置（服务器端脚本处理程序）；Method: 定义表单结果从浏览器传送到服务器的方式，默认参数为：get。get数据提交：① 通过地址栏的方式进行数据提交，将用户输入的信息显出来；② get提交安全性差。post提交：① 数据通过后台进行提交，不会将用户信息显示出来；② 安全性比较好。表单域< form action=""> …123容纳表单空间和提示信息的一个区域。表单控件input 控件语法：< input type=“控件类型”>1在上面的语法中，< input> 标记为单标记，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，< input> 标记还可以定义很多其他的属性，其常用属性如下表所示。 文本输入框 < !-- 文本输入框 --> 用户名：

  属性:

  maxlength：设置文本输入框最多能输多少字符
  readonly=”readonly”：设置文本输入框为只读（不能编辑）
  disabled+”disabled”：控件属于非激活状态
  name=”username”：给输入框设置名称
  value：设置默认显示的值
  密码输入框
  <! – 密码输入框 -->
  密码：< input type=“password” name=“pwd” value=“123”>
  属性用法与文本输入框的用法一样。

  单选按钮
  < !-- 单选按钮 -->
  性别：
  男
  女
  注意：实现单选效果一定要给控件设置相同的名称

  属性：

  checked=”checked”：设置默认选中项
  多选控件
  兴趣爱好：
  抽烟
  喝酒
  烫头
  属性：

  checked=”checked”：设置默认选中项
  图片上传控件
  头像：
  

  表单提交按钮
  <!- - 表单提交按钮 -->
  

  普通按钮
  <!- - 普通按钮 -->
  
  1
  2
  注意：该按钮不能进行表单提交。通常和 js 代码配合使用。

  重置按钮
  清空所有表单数据，恢复到初始状态

  <! – 重置按钮 -->
  
  1
  2
  图片按钮
  <! – 图片按钮 -->
  <i nput type=“image” src="按钮.

  转自https://blog.csdn.net/renkaigis/article/details/77451348?utm_source=app&app_version=4.17.2&code=app_1562916241&uLinkId=usr1mkqgl919blen