HTML常用标签

133 阅读1分钟

HTML 标签由开始标签和结束标签组成,开始标签是被括号包围的元素名,结束标签是被括号包围的斜杠和元素名。

a标签

属性

属性 类别 取值
href 网址 //google.com
https://googole.com
http://googole.com
路径 /a/b/c以及a/b/c
index.html以及./index.html
伪协议 jacascript:代码
mailto:邮箱
tel:手机号
id href=#xxx
target 内置名 _blank
_top
_parent
_self
程序员命名 windowname
iframename
download filename
rel text

作用

  • 跳转到外部页面
  • 跳转到锚点
  • 跳转到邮箱或电话等

img标签

属性

属性 类别 取值
alt 文本 text
height 数值 pixels
%
width 数值 pixels
%
src 网址 URL

作用

发出get请求,展示一张图片

事件

  • onload事件 在图片加载完成后立即执行
<img src="w3javascript.gif" onload="loadImage()">

  • onerror事件 在图片加载失败后执行
<img src="image.gif" onerror="alert('图片不能被加载。')">

响应式

自适应窗口大小:

max-width: 100%

可替换元素

<img>是一种典型的可替换元素

table标签

  • 相关标签
    <table> <thead> <tbody> <tfoot> <tr> <td> <th>
    标签位置改变,显示顺序不变
  • 相关样式
    <table-layout>
    <border-collapse>
    <border-spacing>

其他

编程语言的学习可以参考我们所熟悉的英语学习过程,要多加练习,在实践过程中熟记语法的应用和不同标签的具体内容。 遇到问题时,要善于搜索,灵活处理,在独立思考之后再考虑询问老师。