HTML常用标签

1: 标签

元素(或称锚元素)可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

属性:
1.1: download :此属性指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为本地文件。但是不是所有浏览器都支持,尤其是手机浏览器

1.2: href :(hyper reference)包含超链接指向的 URL 或 URL 片段。
a的href的取值有以下几个:

  • 网址:
    谷歌
    谷歌
    
    谷歌
  • 路径:
    
    绝对路径
    
    相对路径
    
    文件名
    
    文件名
  • 伪协议:
    什么也不做
    发邮件给[email protected]
    打电话给18312345678
  • id: href="#xxx" 点击之后自动跳转到XXX的位置,跳转到指定的标签
    链接到本页的某个部分
    链接到本页的顶部
    链接到本页的顶部

1.3: target:该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:

  • _self: 当前页面加载。此值是默认的,如果没有指定属性的话。
  • _blank: 新窗口打开,即到一个新的未命名的窗口或浏览器上下文
  • _parent: 加载响应到当前框架的父框架或当前的浏览上下文的父浏览上下文。
  • _top:进入顶层。
    链接Window.name=a的新窗口
    
    百度
    腾讯
    

2:img标签

  • 作用:发出get请求,展示一张图片
  • 属性
    alt:当图片加载失败时,展示alt中的内容
    height:图像的高度
    width:图像的宽度,可以只指定 width 和 height 中的一个值,浏览器会根据原始图像进行缩放。
    src:图像的 URL,这个属性对 元素来说是必需的。
        
    Baidu的logo
  • 事件
    onload:加载成功时执行
    onerror:加载失败时执行
    img1.onerror = function(){
       img1.src="/404.png"
    })
  • 响应式
    一种可以在不同的屏幕尺寸和分辨率的设备上都能良好工作的图片,具体做法如下:
    
  • 可替换元素
    可替换元素replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。
    简单来说,它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。
    典型的可替换元素有: