HTML常用标签

一、a 标签的用法

作用:

△跳转到外部页面    △跳转到内部锚点    △跳转到电话或邮箱

属性:

△href    引用链接到某个网页      △target    设置新链接的打开窗口

 △download    下载        △rel = noopener

href取值:

①网址:https://google.com    http://google.com    .//google.com

②路径:/a/b/c    a/b/c    index.html    ./index.html

③伪协议:javascript:代码 (javascript:;空的js伪协议,什么都不做)   mailto:邮箱    tel:手机号   

④ID:href = #xxx

target取值:

①_blank    空白页面打开

②_top    在存在嵌套关系的网页时,在顶层窗口打开

③_parent    父级窗口打开

④_self    当前窗口打开(默认设置)

⑤windows的name    (target = "xxx")

⑥iframe的name

测试工具:

命令行:

①    yarn global add http -server -c -1    (缩写 hs -c-1    c:缓存  -1:不要)

②    yarn global add parcel    

        parcel xxx.html


二、img 标签的用法

作用:

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

属性:

△alt    在图片无法加载时呈现在页面上的图片说明文字

△height    高度    △width    宽度    △src    资源引用

事件:

△onload    加载时    △onerror    报错时

响应式:

max -width :100%


三、table 标签的用法

语法:

<table>

            <thead></thead>

            <tbody></tbody>

            <tfoot></tfoot>

</table>

<tr></tr>------table row

<th></th>------table head

<td></td>------table data

相关样式:

table - layout    表格布局

border - collapse    边框合并

border - spacing    边框间距

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • a 标签 属性 href target 指定哪个窗口打开超链接 不写 target 默认当前页面打开 _blank...
    zenyangcode阅读 413评论 0 0
  • a 标签的用法 属性 href 跳转外部页面 跳转内部锚点 跳转到邮箱或者打电话 target 指定页面在哪里打开...
    星学家阅读 377评论 1 0
  • 1.iframe标签: iframe标签用于在一个页面当中嵌套页面。但目前已经很少用了,基本都是在一些旧项目才会看...
    陈夏天0527阅读 831评论 0 0
  • 1. iframe 标签 iframe 标签主要用途是嵌套页面,目前使用较少,只有一些遗留项目在用。具体可以参考 ...
    大喵chary阅读 476评论 0 0
  • 本文将会介绍HTML中的一些常用标签,后面还会陆续整理 1:什么是HTML HTML (Hypertext Mar...
    憨憨二师兄阅读 972评论 0 0