Html5基础标签记录
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 中创建一个包含标题、段落、链接、图像、视频和音频的基本页面。
评论已关闭