a标签download属性无效_HTML标签 a form iframe table

dcf472dcb60a2fa352b2b01ce63a1b4f.png

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

如:

<a href="www.baidu.com">点击后在当前页面打开百度首页</a>

<a> 元素最重要的属性是 href 属性,它指定链接的目标。

通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。

target有五种属性值可以选:

_self / _blank / _parent / framename / _top

如:

 <a href="http://www.baidu.com" target="_self">点击后在默认的页面打开百度</a>
<a href="http://www.baidu.com" target="_blank">点击后在新窗口打开百度</a>
<a href="http://www.baidu.com" target="_parent">点击后在父框架集中打开百度</a>
<a href="http://www.baidu.com" target="framename">点击后在指定框架中打开百度</a>
<a href="http://www.baidu.com" target="_top">点击后在整个窗口中打开百度</a>

href属性还可以选择 网址 + download ,点击后直接下载,如:

<a href="http://www.baidu.com" download>下载</a>

也可以选择 网址 + content-type:text-html ,点击后直接下载,如:

<a href="http://www.baidu.com" content-type:text-html>下载</a>

标签<a>还可以写无协议地址,如:

<a href="//qq.com">QQ</a>

双斜线的意思是:

如果你是http协议,我就是http://www.qq.com
如果你是https协议,我就是https://www.qq.com

令href="#abc"可以使链接被点击后跳转到当前页面的Id名为 abc 的元素处,这种方法叫做设置锚点,如:

<a href="#abc">跳转到当前页面的某处</a>

如果你装了node.js和http-server,那么在当前的文件夹内打开 Git Bash,输入 http-server -c-1 可以运行这个服务器

49b047ea92bd7e7deb63081fdf68c666.png

复制出现的第一个地址,如:http://192.168.42.167:8080 ,输入到浏览器

fa1f114c4a2cb03a2067d26040cef04e.png

我们能看到当前文件夹内的所有文件,在IP地址后加入文件名,可以看到文件运行效果

9b656136d17bf08486cf4c49cb6d54f4.png

同时,在命令窗口中,我们也可以看到服务器请求

35770d3af2726a6901fac78e4467d5d8.png

如果在文件Example011.html中加入一个跳转链接,如:

<a href="#abc">跳转到页面内id名为abc的元素处</a>

然后再点击,可以看到网址后自动加了 #abc

d63c3c67c2b23dedec7191c2253f25ee.png

不过跳转到页面内的锚点不发送请求

如果代码改成

<a href="#?name=www">跳转</a>

网址就会变为

http://192.168.42.167:8080/Example011.html#?name=www

也可以令href的值为其他路径,如:

<a href="./yyy.html">跳转到其他文件</a>

如果要在浏览器显示一个点击后什么都不做的链接,可以用以下方法:

<a href="javascript:;>这是一个点击后什么都不做的标签</a>

不建议href="#",因为点击后会跳转到页面顶部,如果是href=" ",则会跳转到页面自身

<form> 标签用于为用户输入创建 HTML 表单

表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。

表单用于向服务器传输数据。

如:

<!DOCTYPE html>

以下为结果:

727bc0446ab01285e9fb2e6cda110a1a.png

服务器接收到的用户输入为:

firstname=aaa&lastname=bbb

注意:

标签<input>中的属性type的值必须为submit才能点击提交,如果为button就不可以。

标签<iframe>用于在一个网页中嵌套一个网页

相当于打开一扇窗户,在窗户中看另一个网页,如:

<iframe src="http://www.baidu.com/"></iframe>

就是在当前页面中打开一个窗口,展示百度首页。

<table> 标签定义 HTML 表格

一个 HTML 表格包括 <table> 元素,一个或多个<tr>、<th> 以及<td> 元素。

<tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。

更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。如:

<!doctype html>

以下为结果:

308a8df75c250d4d7f6401d94cf013aa.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值