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