HTML常用标签

254 阅读1分钟

a标签的常用用法

取值有三种:1.可以是网址2.文件3.javascript伪协议

属性

href用来链接网址,例如href="baidu.com",包括一些本地html文件
target指定在哪个页面打开,例如target="_blank",这里target的取值有_top(在最顶级的页面打开),_parent(在父级页面打开),_self(在自身的页面打开),此处引用到iframe标签
dowload 下载该链接的网页(大部分情况下已经不再使用)
包括邮箱和电话以及代码

作用

  • 跳转外部页面
  • 跳转内部锚点
  • 跳转邮箱或者电话

img标签

作用

会发送一个get请求,从而展示一张图片

属性

alt:由于加载失败的代替选项,提示用户加载失败
height:图片的高
width:图片的宽,响应的css代码:max-width=100%;(图片会随着用户界面的更改而更改)
src:值为图片的路径
事件:onload或者onerror
代码如下:

<img id=xxx src="dog.png" width=200 alt="一只狗子"></img>
<script>
    xxx.onload=function(){
        console.log("图片加载成功")
    }
    xxx.onerror=function(){
        console.log("图片加载失败")
        xxx.src="/xxx.png"
    }
 </script>

table标签

内部有三个标签:分别为thead,tbody,tfoot
tr:table row,用来展示一行的元素 td:table data,用来表示表格种具体的数据 th:table head,用来表示头部数据

table需要改变的样式

table-layout
border-collapse:控制border是否合并
border-spacing:控制border之间的距离

其他感想

学习前端一定是个漫长的过程,还需要把基础打扎实,以后写代码的时候才会更舒服上手!