html图文混排实例代码
时间: 2024-03-25 16:34:45 浏览: 234
图文混排相关代码
当我们在网页中需要同时展示文字和图片时,可以使用HTML图文混排来实现。下面是一个简单的HTML图文混排的实例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>HTML图文混排示例</title>
</head>
<body>
<h1>HTML图文混排示例</h1>
<p>这是一段文字内容,可以在这里添加一些描述。</p>
<img src="image.jpg" alt="图片描述">
<p>这是另一段文字内容,可以在这里继续添加一些描述。</p>
</body>
</html>
```
在上面的代码中,我们使用了`<h1>`标签来定义一个标题,`<p>`标签来定义段落,`<img>`标签来插入图片。其中,`src`属性指定了图片的路径,`alt`属性用于提供图片的替代文本,当图片无法加载时会显示替代文本。
你可以将上述代码保存为一个HTML文件,然后将图片文件(比如`image.jpg`)放在同一目录下,通过浏览器打开该HTML文件,就可以看到文字和图片同时显示的效果。
阅读全文