a标签的用法
属性href=type+ref(超级引用,超链接)(用于跳转到外部页面、跳转到内部锚点、跳转到邮箱或电话等)。网址: google.cn/ , google.cn/ ,//google.cn/ (三者都可打开谷歌第二和第三都需发get请求跳转到第一种网址进行打开)。当href的值为空时点击a标签中的标记网页会刷新,当href的值为javascript时点击a标签中的标记网页不会刷新。 路径: /a/b/c(绝对路径), a/b/b(相对路径)当开启HTTP服务时根目录不再是硬盘目录而是此时开启服务的目录。伪协议:javascript:代码;mailto:邮箱,tel:手机号,id:href=#xxx。属性target的值可以是_blank(新建窗口打开超链接)、_self(在当前窗口打开超链接) 、_top(加载响应进入顶层浏览上下文,当构成层级关系时,在最顶层打开,当不构成层级关系时与_self等同)_parent(在其距离最近的上一级窗口打开,不构成层级结构式等同于_self),当target="xxx"大于等于两个时第一次点击时如果没有xxx网页就创建一个xxx网页当点击另外一个xxx时此时已经有一个xxx网页所以此次会在xxx网页进行刷新打开。属性download用于指示浏览器下载URL(网址)并提示用户将其保存到本地,并非所有浏览器都支持,尤其手机浏览器可能不支持。属性rel=noopener属性指定了目标对象到链接对象的关系。程序员命名:windos的name、iframe的name。
img标签的用法:
img标签用于将一份文件引入文档,img支持全局属性。 属性src(source:来源)是img元素中必不可少的属性用于标记文件路径,属性src后接图片地址、网络地址、相对路径、绝对路径。属性alt对文件进行文本描述,当加载失败时显示失败时的加载标记。img标签后可跟属性weidth、height设置两者其中一个属性另一个属性会自适应。img标签可以进行onload和onerror监听事件,当成功时调用成功时的标记,当失败时调用失败时的标记。 属性importance后可以跟auto(不指定优先级, 浏览器自己为图像选择优先级。)/high(下载时优先级高)/low(下载时优先低)。属性loading(指示浏览器如何加载图像),属性值eager(立即加载图像为默认值),属性lazy(延迟加载图像,由浏览器定义)。响应式图片的构成:img{max-width:100%;}手机端:*margin:0;padding:0;boder-sizing:border-box;}
table标签的用法:
table用于创建一个表格table标签中可以有thead(表的头部)、tbody(表的数据)、tfoot(表的尾部)三种常用标签,表的标签在网页中的显示和顺序无关,一个table中一般只有一个thead和一个tfoot但是可以有多个tbody,同时可以有一个属性caption和多个属性colgroup,也可以包含多个tr。(table-layout:auto;自动推算宽度)(table-layout:fixed;均衡宽度)(border-spacing:__px用于更改表格间的间隙)border-collapse:collapse用于合并表格。