a.img.table标签用法

a

属性
href
含义 链接的的地方
可链接的地方:其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接,伪协议。
相关例子

  1. <a href="//baidu.com">这是一个链接</a><br>
  2. <a href="b.html">这里链接的是b.html</a><br>
  3. <a href="a/k/i/a.html">这里链接了一个目录下的a.html</a><br>
  4. <a href="javascript:alert(1)">这里是一个javascript的伪协议</a><br>
  5. <a href="javascript:;">这是一个点击了全页面不会刷新的a标签</a><br>
  6. <a href="#aaa">这里是一个链接到id的A标签</a><br>
  7. <a href="mailto:1402424558@qq.com">点击标签发送邮件给叶芮</a><br>
  8. <a href="tell:13588596874"> 点击拨打电话的a</a>

拓展
在打开a标签的时候,用网址去打开。
在目录下打开,打开的是个文档,在些一些绝对路径时回找不到而报错。
可以安装http-server

  1. yarn global add http-server
  2. http-server . -c-1
  3. //http-server 可缩写 hs

会给出网址,加上相对路径就可访问,不可以直接访问

复制相关
target
该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:
_self: 当前页面加载,即当前的响应到同一HTML 4 frame(或HTML5浏览上下文)。此值是默认的,如果没有指定属性的话。
_blank: 新窗口打开,即到一个新的未命名的HTML4窗口或HTML5浏览器上下文
_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文,此选项的行为方式与 _self 相同。
_top: IHTML4中:加载的响应成完整的,原来的窗口,取消所有其它frame。 HTML5中:加载响应进入顶层浏览上下文(即,浏览上下文,它是当前的一个的祖先,并且没有parent)。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self
相关例子

table

  1. table-layout:fixed
  2. //列等宽
  3. boder-collapse:collapse
  4. //单元格不留空隙
  1. <style>
  2. table{
  3. width: 600px;
  4. table-layout:unset;
  5. border-spacing: 60px;
  6. border-collapse:collapse;
  7. }
  8. td,th{
  9. border: 2px solid salmon;
  10. }
  1. <table>
  2. <thead>
  3. <tr>
  4. <td></td>
  5. <th>数学q </td>
  6. <th>语文</td>
  7. <th>英语</td>
  8. <th>化学</td>
  9. </tr>
  10. </thead>
  11. <tbody>
  12. <tr>
  13. <th>陈丽</th>
  14. <td>52</td>
  15. <td>60</td>
  16. <td>80</td>
  17. <td>74</td>
  18. </tr>
  19. <tr>
  20. <th>武宏递</th>
  21. <td>60</td>
  22. <td>80</td>
  23. <td>70</td>
  24. <td>90</td>
  25. </tr>
  26. <tr>
  27. <th>张佳丽</th>
  28. <td>80</td>
  29. <td>70</td>
  30. <td>90</td>
  31. <td>70</td>
  32. </tr>
  33. <tr>
  34. <th>叶芮</th>
  35. <td>80</td>
  36. <td>90</td>
  37. <td>87</td>
  38. <td>89</td>
  39. </tr>
  40. </tbody>
  41. <tfoot></tfoot>
  42. </table>

img

src 属性是必须的,它包含了你想嵌入的图片的文件路径。
alt 属性包含一条对图像的文本描述,这不是强制性的

图片加载失败必须有补救

  1. <img src="dfgdsg" alt="这是一张图" id="nnn"/ >
  2. <script>
  3. nnn.onload=functon(){
  4. console.log("图像加载成功");
  5. }
  6. nnn.onerror=function(){
  7. console.log("图片加载失败");
  8. nnn.src="jkhkj.jpg";
  9. }
  10. </script>

nnn.onload是简写;
输出内容是在控制台

form
input和button同时type=”submit”时区别在哪里,input里是纯文本,button里可以有其他标签