a.img.table标签用法

a

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

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

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

yarn global add http-server
http-server . -c-1
//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

 table-layout:fixed：
 //列等宽
 boder-collapse:collapse
 //单元格不留空隙

<style>
       table{
           width: 600px;
           table-layout:unset; 
           border-spacing: 60px;
           border-collapse:collapse;
       }
 td,th{
     border: 2px solid salmon;
 }

<table>
        <thead>
            <tr>
                <td></td>
                <th>数学q </td>
                <th>语文</td>
                <th>英语</td>
                <th>化学</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>陈丽</th>
                <td>52</td>
                <td>60</td>
                <td>80</td>
                <td>74</td>
            </tr>
            <tr>
                <th>武宏递</th>
                <td>60</td>
                <td>80</td>
                <td>70</td>
                <td>90</td>
            </tr>
            <tr>
                <th>张佳丽</th>
                <td>80</td>
                <td>70</td>
                <td>90</td>
                <td>70</td>
            </tr>
            <tr>
                <th>叶芮</th>
                <td>80</td>
                <td>90</td>
                <td>87</td>
                <td>89</td>
            </tr>
        </tbody>
        <tfoot></tfoot>
    </table>

img

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

图片加载失败必须有补救

 <img src="dfgdsg" alt="这是一张图" id="nnn"/ >
 <script>
  nnn.onload=functon(){
  console.log("图像加载成功");
  }
  nnn.onerror=function(){
  console.log("图片加载失败");
  nnn.src="jkhkj.jpg";
  }
 </script>

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

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

a

table

img

相关文章