阅读 40

HTML常用标签

1. a 标签的用法

作用

  • 跳转到外部页面
  • 跳转到内部描点/页面
  • 跳转到邮箱或者打电话

属性

  • href超链接
  • target在指定的窗口打开超链接
  • dowload
  • rel=noopener

a的href

  1. 网址
  • htts://xxx.com
  • http://xxx.com
  • //xxx.com(一般直接用这个)
  1. 路径
  • /a/b/c以及a/b/c
  • index.html以及./index.html

2. img 标签的用法

作用

  • 发出get请求,展示一张图片

属性

  • alt可替换的
  • height高(设置高或者宽其中一个图片会自适应)
  • width宽

注:不能让图片变形!只写宽或者高

  • src图片地址
  • `<style>`
    复制代码
  • `*{margin:0;`
    复制代码
  • padding:0;
  • box-sizing:border-box;}
  • `</style>`
    复制代码
  • `<head>`
    复制代码
  • <body>
  • <imgid=xxxheight="400"src="dog.png"alt="狗子">
  • <script>
  • xxx.onload=function(){
  • `console.log("图片加载成功");`
    复制代码
  • };
  • xxx.onerror=function(){
  • console.log("图片加载失败");
  • };
  • xxx.src="/404.png";
  • `</script>`
    复制代码
  • `</body>`
    复制代码
  • </head>

事件

onload/onerror

响应式

max-width:100%

3. table 标签的用法

  • thead 头部
  • tbody身体
  • tfoot尾部
  • tr=table row
  • th表头内容
  • td内容

`

<thead>

    <tr>

        <th>1</th>

        <td></td>

        <td></td>

    </tr>

</thead>

<tbody>

    <tr>

        <th>1</th>

        <td></td>

        <td></td>

    </tr>

    <tfoot>

        <tr>

                <th>1</th>

                <td></td>

                <td></td>

        </tr>

    </tfoot>

</tbody>
复制代码
`

相关样式

  • table-layout表格布局
  • border-collapse:collapse;合并
  • border-spacing:0;表格无空隙
  1. 其他感想
  • frm标签
  • 发出get或者post请求,然后刷新页面
文章分类
前端
文章标签