前端开发基础（HTML5 + CSS3）【第一篇】：HTML标签之文字排版、图片、链接、音频、视频 && 涵盖了两个综合案例 做到了基础学得会，实战写的出
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>基础布局</title>
<style>
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
</style>
</head>
<body>
<h1>我的第一篇博客</h1>
<p>这是一个段落。</p>
<hr>
<!-- 文字强调 -->
<p>这是<strong>粗体</strong>文本。</p>
<p>这是<em>斜体</em>文本。</p>
<p>这是<abbr title="Hypertext Markup Language">HTML</abbr>。</p>
<hr>
<!-- 图片 -->
<img src="path/to/image.jpg" alt="描述文字">
<hr>
<!-- 链接 -->
<a href="https://www.example.com">访问我的主页</a>
<a href="mailto:someone@example.com">发送邮件</a>
<hr>
<!-- 音频 -->
<audio controls>
<source src="path/to/audio.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
</body>
</html>这个代码示例展示了如何在HTML5中使用不同的标签来创建一个基础的网页布局，包括标题、段落、图片、链接和音频。同时，使用了CSS来设置字体样式。这些是前端开发的基础知识，对于学习前端开发的开发者来说具有很好的教育价值。
评论已关闭