HTML常用标签

114 阅读2分钟
  1. a标签的用法? 答:a标签可以表示一个链接,在用户点击之后,会跳转的指定的网址。a标签常用的属性有href和target。
  • href:hyper reference,属性可以给指定的网址,类似于(google.com,http://google.com…), 这三种形式。也可以指定为文件路径和伪协议。
  • target:target的取值由四个(_blank,_top,_parent,_self)。浏览器默认使用的为_self,在当前页面打开链接。与此对应的_blank,则表示在新的页面打开这个链接。_top和_parent,分别表示在顶部页面打开和在上级页面打开,实现效果需要和iframe标签配合使用。以下为简单实例。 <a href="https://www.google.com" target="_blank">google</a>
  1. img标签的用法? 答:img的作用是发送一个get请求,然后展示一张图片,它是单独使用,没有闭合标签。它常见属性有src,alt,width/heigh。
  • src属性:是用来指定图片的地址。
    
  • alt属性:用来设定图片的文字说明,当图片不显示时(各种原因出现的裂图),在图片的位置上会显示该文本提示。
    
  • width/height属性用来设置图片的高宽,单位是像素或者百分比。
    
    <img src="./images/dog.png" width="400" alt="狗狗图片"> **注意:**一般设定width和height时候,只会设置一个,此时浏览器会将图片按像素/比例缩放;如果同时设置两个属性,可能会导致图片出现歪图。以下为简单实例。
  1. table标签的用法? 答:table是一个块级容器标签,所有的表格内容都需要放在标签内部。常用的三个标签为thead,tbody和tfoot,写的顺序没有规定。
  • tr: 表示table row,表格的一行,放在上面三个标签中。
  • th:表示table header,表格的标题单元格。
  • td:表示table data,表格的数据单元格。 相关的样式:
  • table-layout:用来计算每行列的宽高并修改。
  • border-collapse:合并表格单元格之间的间隙。
  • border-spacing:表格单元格之间的间隙。
  1. 其他感想 这几天的课程是前端里面的最基础,最简单的HTML,各种标签元素如何组成一个简单的页面。但是HTML只是前端的一些基本知识,内容繁杂,不可能全都学完,先掌握一些基本的标签就够了。学习的重点,还在后面的js,ES6,TypeScript,Vue等等,所以,学习前端,需要将主要精力放在重点地方,分清楚学习路线的主次。