HTML单标记的用法?

html-css015

HTML单标记的用法?,第1张

HTML中的单标记:

1、<area>:用于图像映射内的区域。

2、<base>:文档中所有相对URL的基本URL。每个文档只能有一个,它必须位于页面的

<head>中。

3、<br>:换行符,通常用于文本内容以创建单个换行符而不是段落。它不应该用于通过堆叠

许多<br>标签在页面上创建视觉分离,因为该函数是视觉需求,因此是CSS的域而不是

HTML。

4、<col>:指定<colgroup>元素中每列的列属性。

5、<command>:指定用户可以调用的命令。

6、<embed>:与外部应用程序和交互式内容一起使用以进行集成。

7、<hr>:水平规则,是页面上的一条直线。在许多情况下,CSS边框用于创建分隔线而不是

此HTML元素。

8、<img>:HTML的主要元素之一,这是图像标记。它用于将图形图像添加到网页。

9、<input>:用于从访问者捕获信息的表单元素。有许多有效的输入类型,从多年来在表单

中使用的常见“文本”输入到属于HTML5的一些新输入类型。

10、<keygen>:此标记创建用于表单的密钥对生成器字段。

11、<link>:不要与“超链接”或锚点(<a>)标签混淆,此链接用于设置文档与外部资源之

间的链接。例如,您可以使用它链接到外部CSS文件。

12、<meta>:元标记是“有关内容的信息”。它们位于文档的<head>中,用于将页面信息

传递给浏览器。有许多不同的meta标签,你可以在网页上使用。

13、<param>:用于定义插件的参数。

14、<source>:此标记允许您为页面上的媒体指定备用文件路径,包括视频或图像或音频文件。

15、<track>:此标记设置要与媒体文件,视频或音频一起使用的轨道,这些轨道通常与

<video>或<audio>标记一起添加。

16、<wbr>:这代表断言机会。它指定添加换行符可以接受的文本块中的位置。

扩展资料:

在HTML5的版本中<command />、<command />、<menuitem />这三个单标记是已经

报废无效了,而在HTML4中是可以继续使用的。

使用单标记时不同的HTML版本对是否需要带斜杆是有不同的要求的。

HTML5:斜杠是可选的。

HTML4:斜杠不可选的。但是,它被W3C的HTML验证器接受了。

XHTML:斜线是必需的。

form 将表单元素包裹起来,受form包裹的表单元素才会提交给服务器。

<form action=”地址” method=””>

表单元素

</form>

form标签是表单的外壳,主要有四个属性:

action:表单提交的地址(后台服务器地址)

method:提交表单的方法,两种请求方式,post、get

target:在何处打开action

enctype:(编码方式)

applocation/x-www-form-erlencoded 在发送前编码所有字符(默认)

text/plain:空格转换为”+”号,但不对特殊字符编码

multipart/form-data:使用包含文件上传控件的表单时,必须使用该值。例如:上传音频、视频。

1、区别:(体现在方式、安全、数据量三个方面)

- 方式,点击提交(发请求时),get将请求数据变成”k=value”的形式,然后组装到URL上。post方式提交请求时,数据通过浏览器传输给后台,但是URL没发生变化。

- 安全,get将信息组装到URL上,信息泄露,不安全;post方式的URL没发生变化更加安全。

- 数据量,浏览器地址栏能存放的字符有限的(容量有限),get方式的URL过于冗长,当超出限制时,浏览器自动截断URL,则传给后台的数据不完整,所以对数据大小有限制。而post方式的URL更干净、轻便,能完整地将数据传递给后台,无数据大小限制。

2、什么时候用get,什么时候用post(使用场景)

get:向后台查询东西,如查询论文;即向后台索要数据,用关键词来获取大量数据。安全性要求低,简单。

post:向后台传数据,例论文查重(数据很大,提交给后台)。安全性要求高。

是表单收集信息的元素,主要有以下属性:

<label for="input_username">姓名:</label><input type="text" name="username" id="input_username" placeholder="用户名"/>

效果:

<label for="input_password">密码:</label><input type="password" name="password" id="input_password" placeholder="密码"/>

效果:

效果:

效果:

<label>我的car:</label><select name="transportation"><option value="bus">公交</option><option value="subway" selected>地铁</option><option value="taxi">出租车</option></select>

效果:

<label >评论:</label><textarea name="recomment" placeholder="ddd" cols="60" rows="10"></textarea>

效果:

<label for="zjz">证件照:</label><input type="file" name="photo" id="zjz" accept="image/jpg"/>

其中accept规定了文件格式。

效果:

<input type=”hidden” name=”abc” value=”123”>

点击提交时,hidden里隐藏的数据也提交给了后台;abc=’123’

作用:(1)暂存信息,(用户看不到),便于设计者随时调用程序。

(2)用于安全性校验,例如通过设置hidden隐藏域,服务器可以验证用户权限,避免伪造的假网站提交数据。

<input type="button" value="按钮"/>

效果:

<input type="submit" value="提交"/>

效果:

<input type="reset" value="复位"/>

效果: