![dcf472dcb60a2fa352b2b01ce63a1b4f.png](https://i-blog.csdnimg.cn/blog_migrate/5d19bb8d0980938ce86665a5600d4ae7.jpeg)
<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](https://i-blog.csdnimg.cn/blog_migrate/de97efcc65c5c5205488ac7d03cb47d7.jpeg)
复制出现的第一个地址,如:http://192.168.42.167:8080 ,输入到浏览器
![fa1f114c4a2cb03a2067d26040cef04e.png](https://i-blog.csdnimg.cn/blog_migrate/9b6fe6b4f377002276804540be059fb2.jpeg)
我们能看到当前文件夹内的所有文件,在IP地址后加入文件名,可以看到文件运行效果
![9b656136d17bf08486cf4c49cb6d54f4.png](https://i-blog.csdnimg.cn/blog_migrate/b960bbf25f2f0070a6d99479006bb671.jpeg)
同时,在命令窗口中,我们也可以看到服务器请求
![35770d3af2726a6901fac78e4467d5d8.png](https://i-blog.csdnimg.cn/blog_migrate/0e282f154409e7da52cc13eb410730c8.jpeg)
如果在文件Example011.html中加入一个跳转链接,如:
<a href="#abc">跳转到页面内id名为abc的元素处</a>
然后再点击,可以看到网址后自动加了 #abc
![d63c3c67c2b23dedec7191c2253f25ee.png](https://i-blog.csdnimg.cn/blog_migrate/2412899f87c79471df27747777b7ea8c.jpeg)
不过跳转到页面内的锚点不发送请求
如果代码改成
<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](https://i-blog.csdnimg.cn/blog_migrate/e121e55caeddbf2c4033337d100a18c5.jpeg)
服务器接收到的用户输入为:
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](https://i-blog.csdnimg.cn/blog_migrate/812d7646f1b86fda031148629a97aea1.jpeg)