美文网首页
HTTP入门之常用标签

HTTP入门之常用标签

作者: 手劲很大 | 来源:发表于2019-03-02 13:04 被阅读0次

简单记录如下几种常用标签,以后会有补充。


<iframe>标签

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)

name属性,与<a>标签结合起来使用,点击<a>标签,在iframe的页面打开

<a>标签通过target属性指向<iframe>标签页面 此为http:qq.com的页面 此为点击百度链接之后在原qq.com页面刷新后的百度页面

<a>标签 

<a> 标签定义超链接,用于从一张页面链接到另一张页面。

<a> 标签最重要的属性是 href 属性,它指示链接的目标。href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容,那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档,或者执行 JavaScript 表达式、方法和函数的列表。

<a>标签的target属性,它定义链接以怎样的方式打开

target属性的值及描述

<form>标签 <input>标签及 <select>标签

<form>标签表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。

<input>标签用于搜集用户信息。

<select>标签可创建单选或多选菜单。

三种标签举例 上面代码运行之后的结果

<input>标签type属性的类型

button定义一个按钮

<button>button</button>会自动升级为提交按钮,相当于type="submit"

<button type="button">button</button>此时不能提交,只是一个普通按钮

submit定义一个提交按钮

checkbox定义一个复选框

<input type="checkbox" id="xxx"><label for="xxx" name="hello">hello</label>点击hello就相当于点击复选框,也可以直接使用label标签将内容包起来

例如:<label>hello<input type="checkbox"></label>

radio定义一个单选框

 <label><input name="loveme" type="radio" value="yes">yes</label><!--两个名字定义一样,可以防止同时被选中,radio为单选框-->

 <label><input name="loveme" type="radio" value="no">no</label>


<table>标签

在css创建之前,html <table>元素常常被用于布局页面。这种用法在html 4之后不被推荐使用

允许的元素有: <caption> 元素;<colgroup> 元素;<thead> 元素;<tbody> 元素;<tfoot> 元素;<th> 元素;<tr> 元素;<td> 元素

为table标签定义样式 <table>标签相关属性使用 运行上面代码结果

相关文章

  • HTTP入门之常用标签

    简单记录如下几种常用标签,以后会有补充。