html的格式化标签和图片(img)标签

格式化标签

  • 加粗: strong标签和b标签
  • 倾斜: em标签和i标签
  • 删除线: del标签和s标签
  • 下划线: ins标签和u标签
html 复制代码
<strong>stong 加粗</strong>
	  <b>b 加粗</b>
    
      <em>倾斜</em>
      <i>倾斜</i>

      <del>删除线</del>
      <s>删除线</s>

      <ins>下划线</ins>
      <u>下划线</u>

运行效果:

图片标签:img标签

img标签必须带有src属性,来表示图片的路径

图片路径有:绝对路径和相对路径

绝对路径:图片的文件地址、网络上的图片资源相对路径

相对路径:./xxx.png./img/xxx.png.../xxx.png

html 复制代码
<img src="fly.jpg">

上面这行代码的作用是把fly.jpg这个图片文件放到和html中的同级目录中.

示例代码:

运行效果:

img 标签的其他属性

  1. alt:替换文本。当图片路径写错不能正确显示的时,显示出的一个替换的文案.
html 复制代码
  <img src="./img/fly.png" alt="图片加载失败!">

alt后面的文案,只有当图片加载出错的时候才会展示,如果图片加载成功,这个文案就不会展示。

  1. title:提示文本。鼠标放到图片上,就会有提示.
html 复制代码
<img src="a1.jpg" title="这是一张风景图">
  1. width/height:控制宽度高度。高度和宽度一般改一个就行,另外一个会等比例缩放,否则就会图片失衡.
  2. border:边框,参数是宽度的像素,但是一般使用CSS来设定.

示例代码:

运行效果:

相关推荐
Hical_W2 分钟前
深入学习CPP17_PMR
c++·学习
|晴 天|5 分钟前
我如何用Vue 3打造一个现代化个人博客系统(性能提升52%)
前端·javascript·vue.js
xuanwenchao11 分钟前
ROS2学习笔记 - 1、编写运行第一个程序
笔记·学习
风止何安啊13 分钟前
网页都知道要双向握手才加载!从 URL 到页面渲染,单向喜欢连 DNS 都解析不通
前端·javascript·面试
惠惠软件17 分钟前
豆包 AI 学习投喂与排名优化指南
人工智能·学习·语音识别
太极OS19 分钟前
给 AI Skill 做 CI/CD:GitHub + ClawHub + Xiaping 同步发布实战
前端
你_好19 分钟前
Chrome 内置了 AI 工具协议?WebMCP 抢先体验 + 开源 DevTools 全解析
前端·mcp
GISer_Jing20 分钟前
LangChain.js + LangGraph.js 前端AI开发实战指南
前端·javascript·langchain
正在发育ing__23 分钟前
从源码看vue的key和状态错乱的patch
前端
V搜xhliang024631 分钟前
OpenClaw、AI大模型赋能数据分析与学术科研 学习
人工智能·深度学习·学习·机器学习·数据挖掘·数据分析