#WEB前端(HTML属性)

1.实验:a,img


2.IDE:VSCODE


3.记录:

a:

href插入超链接

默认情况下在本窗口打开链接,

target可以设置打开的窗口,parent在父窗口打开,blank新开串口打开,top在顶层串口打开,self为默认在本窗口打开

img:

插入图片

可以插入图片链接(src)和加载失败时显示的内容(alt)

可以设置图片的宽和高

运行效果:


4.代码:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML属性</title>
</head>
<body>
    <a href="https://docs.geeksman.com">极客侠网址</a>                           <!超链接,默认为_self(在本窗口打开超链接)>
    <p><a href="https://docs.geeksman.com" target="_blank">在新窗口打开极客侠网址</a></p>
    <p><a href="https://docs.geeksman.com" target="_parent">在父窗口打开极客侠网址</a></p>     <!target规定在哪个窗口打开超链接>
    <p><a href="https://docs.geeksman.com" target="_self">在本窗口打开极客侠网址</a></p>
    <p><a href="https://docs.geeksman.com" target="_top">在顶层窗口打开极客侠网址</a></p>
    <hr>                                    <!分割线>
    <! src为图片的链接,alt为图片无法加载时显示的内容>
    <img src="https://ts4.cn.mm.bing.net/th?id=OIP-C.fFLzAD27IMu3Y07d2l2nIAHaLH&w=204&h=306&c=8&rs=1&qlt=90&o=6&dpr=1.4&pid=3.1&rm=2" alt="图片加载出错">                
    <hr>
    <img src="超级马里奥.jpg" alt="出错了">                            <!DOCTYPE html 直接加载同一路径下的图片>
    <hr>
    <img src="超级马里奥.jpg" alt="出错了" width="400" height="200">   <!DOCTYPE html 直接加载同一路径下的图片,设置显示的宽度和高度>
</body>
</html>
相关推荐
雯0609~6 分钟前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ10 分钟前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z15 分钟前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
彭世瑜39 分钟前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund40440 分钟前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish40 分钟前
Token刷新机制
前端·javascript·vue.js·typescript·vue
小五Five42 分钟前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序42 分钟前
vue3 封装request请求
java·前端·typescript·vue
临枫54142 分钟前
Nuxt3封装网络请求 useFetch & $fetch
前端·javascript·vue.js·typescript
前端每日三省44 分钟前
面试题-TS(八):什么是装饰器(decorators)?如何在 TypeScript 中使用它们?
开发语言·前端·javascript