Html5基础标签记录
warning:
这篇文章距离上次修改已过433天,其中的内容可能已经有所变动。
HTML5 引入了许多新的语义化标签,以下是一些常用的 HTML5 基础标签及其用法:
<!DOCTYPE html>:这是 HTML5 中的标准文档类型声明。<html>:这是 HTML5 文档的根元素。<head>:包含了文档的元数据,如<title>、<meta>、<link>和<style>等。<title>:定义了整个网页的标题,显示在浏览器的标题栏上。<body>:包含了网页的主要内容,如文本、图像、视频等。<h1>至<h6>:定义了标题的级别,<h1>最重要,<h6>最不重要。<p>:定义了一个段落。<a>:定义了一个超链接,属性href指定链接的目标地址。<img>:定义了一个图像,属性src指定图像的源地址。<video>:定义了一个视频,属性src或src指定视频文件的路径。<audio>:定义了一个音频,属性src或src指定音频文件的路径。
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>示例页面</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">点击这里访问我的网站</a>
<img src="image.jpg" alt="示例图片">
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
您的浏览器不支持视频标签。
</video>
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
您的浏览器不支持音频元素。
</audio>
</body>
</html>这个示例展示了如何在 HTML5 中创建一个包含标题、段落、链接、图像、视频和音频的基本页面。
评论已关闭