记录下学习到的HTML的常用标签
目录
- a 标签的用法
- table 标签的用法
- img 标签的用法
补充
-
永远不要双击打开HTML文件验证效果
-
永远不要让图片变形，这个是前端的底线
a 标签的用法
属性href
- 你想去的网址
- 可以是http://
- 也可以是https://
- 还可以是//
在不清楚是http还是https的情况下用//
- 你想去的路径
- /a/b/c 绝对路径
- a/b/c 相对路径
- index.html 文件名
- /index.html 文件名
- 锚点 移动到当前网页内的id处
- 在当前页面添加一个id
- #加id名，会跳转到这个id处
- 伪协议
- javascript:; 点击后不会刷新也不会回到页面顶部，什么也不会发生
- mailto+目标邮箱 点击后直接可以直接发邮件给对方
- tel+手机号 点击后直接可以拨打对方电话
属性 target
- 内置的属性
- _blank 在新的串口打开页面
- _top 在最上层打开页面
- _parent 在上一层打开页面
- _self 在当前页面打开新页面 默认设置
- 程序员可以自行命名
- window的name
- iframe的name
iframe标签
- 内嵌一个窗口，href取值和a标签一致
- 已经过时的标签，大部分网页不支持 iframe
table 标签的用法
第一级
-
thead 表示表头的内容
-
tbody 表示表中间的内容
-
tfoot 表示表最下方的内容
-
必须要写 不然所有内容默认装在 tbody内
第二级
-
tr （table row） 表示一行 在里面添加 th td
-
th （table head） 标题加粗，一般为第一行或第一列
-
td （table data） 表内数据
格式
-
table-layout： 有两个值 （auto）按自动的方式排列宽高，根据字数长度（fixed）把宽高平均分配给每一个单元格
-
border-callapse： 属性为（callapse）就是让单元格之间没有空隙，默认为有空隙，一般写在CSS初始化里
-
border-spacing： 表示空隙之间的宽度，一般为0，写在CSS初始化里
img 标签的用法
作用
发出get请求，展示一张照片
属性 src
-
添加一个图片地址
-
可以是相对路径/绝对路径/网络路径
属性 alt
图片加载失败时展示的文字
属性 width、height
-
只是img标签的属性
-
如果只写其中一个属性，另一个会自适应显示
事件
-
onload 图片加载成功的情况下
-
onerror 图片加载失败的情况下
-
一般用javasript操作
响应式
-
CSS：max-weith：
-
img：width：
-
用来兼容移动端，都填100%则平铺显示
