HTML常用标签

216 阅读2分钟

本片文章将介绍几个常用标签的用法

a标签(a标签定义超链接,用于从一张页面链接到另一张页面。)

  1. href属性的取值:
    ①网址:http://baidu.com 、 https://xiaomi.com 、//google.com
    ②路径:/a/b/c以及a/b/c  index.html以及./index.html
    ③伪协议: javascript:; mailto:跳转到相关邮箱 tel:跳转到拨打手机页面
    ④ID:#xxx,跳转到对应的ID元素处
  2. target属性的取值:
    1. _blank:点击之后,另开一个页面打开网址
    2. _top:在整个窗口中打开被链接文档
    3. _parent: 将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件。
    4. _self: 在同一框架或窗口中打开所链接的文档,此参数为默认值。

table标签

table: 通常包括<thead><tbody><tfoot> 三个标签。

  • tr表示一行,th表示表头,td表示一行中的数据。通常是tr包含着td,表示这一行中的数据。
  • table-layout属性:auto fixed autu是根据内容来调整宽度,而fixed是平均宽度,宽度一样。
  • border-collapse: 控制表格是否合并,值等于collapse表示合并。
  • border-spacing: 设置表格之间宽度大小。

img标签

  • 作用:发出get请求,展示一张图片。
  • alt(当图片无法显示时,以文字形式提示图片内容)
  • img图片宽和高设置其中一个,另一个就会按比例跟着变化,不要两个同时设置导致图片变形。
  • max-width:100% 响应式布局用的技巧,手机端和PC端图片宽度会自动随着出窗口大小变化。

感想

学习HTML比想象中要简单一些,但是要记的东西比想象中要多一点,需要更多的耐心!路漫漫其修远兮,吾将上下而求索。