1. <meta> 标签:
- <meta> 标签用于提供有关文档的元信息,如字符集、视口设置、关键词等。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content="这是一个示例网页的描述。">
</head>
2. 文档标题 - <title> 标签:
- <title> 标签定义文档的标题,显示在浏览器的标签页或窗口标题栏中。
<head>
<title>示例网页</title>
</head>
3. 外部样式表 - <link> 标签:
- <link> 标签用于链接外部样式表,将样式应用到整个文档。
<head>
<link rel="stylesheet" href="styles.css">
</head>
4. 内部样式 - <style> 标签:
- <style> 标签用于在文档内部定义样式。
<head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
</style>
</head>
5. 内部脚本 - <script> 标签:
- <script> 标签用于在文档内部包含JavaScript代码。
<head>
<script>
function myFunction() {
alert("Hello, World!");
}
</script>
</head>
6. 外部脚本 - <script> 标签(带有 src 属性):
- <script> 标签还可用于链接外部JavaScript文件。
<head>
<script src="script.js"></script>
</head>
这些元素一起构成了HTML文档的头部,提供了关于文档结构、样式和行为的重要信息。
转载请注明出处:http://www.zyzy.cn/article/detail/12403/HTML