目录
2024/4/9
Javaweb路线
传统 Javaweb学习路线
新版学习路线
前后端开发交互模式
课程收获
HTML基础知识
DOCTYPE声明
<!DOCTYPE html>
<html>
<head>
<title>带有DOCTYPE声明的代码</title>
</head>
<body>
<h1>这是一个带有DOCTYPE声明的HTML文档</h1>
</body>
</html>
HTML文档的DOCTYPE声明是<!DOCTYPE html>
首先，DOCTYPE是document type（文档类型）的简写，它用于指明文档使用哪个版本的HTML或XHTML。在web设计中，DOCTYPE声明是非常重要的，因为它告诉浏览器如何解析和渲染页面。
其次，<!DOCTYPE html>是一种标准的声明，表示该文档使用的是HTML5标准。
HTML5是目前最新的HTML标准，它使得Web开发更加简单和灵活。例如，HTML5提供了许多新的元素和属性，以及对音频和视频内容的原生支持，这些都极大地丰富了Web应用的功能和用户体验。
最后，需要注意的是，如果没有DOCTYPE声明，浏览器会尝试使用“怪异模式”来解析文档，这可能会导致未预期的布局问题。因此，为了确保页面的正确显示和最佳性能，建议始终在HTML文档的开头包含DOCTYPE声明。
HTML 标签
文本版面的编辑
演示标签
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=utf-8" />
<title>欢迎使用 HTML</title>
</head>
<!--背景淡紫色（薰衣草色）-->
<body bgcolor="lavender">
<p>这会是一种很有趣的<br/>体验</p>
<p> 另一个段落元素</p>
</body>
</html>
使用对齐属性
原样显示文字标签
使用居中标签
水平分割线
标题文字标签
特定文字样式标签
超链接分为：内部链接、外部链接
链接到同一文档的各个部分
使用电子邮件
背景图像的设定
插入图像
添加视频/音频
滚动文字
meta标签
Meta标签用于定义HTML文档的元数据
Meta标签是HTML中的一个重要组成部分，它提供了关于网页的额外信息，这些信息对于浏览器的解析和搜索引擎的索引是非常有用的。尽管meta标签中的信息不会直接显示在页面上，但它们对于网页的适当显示和搜索引擎优化（SEO）来说是至关重要的。以下是meta标签的一些常见用途：
字符集指定**：通过meta标签可以指定网页的字符编码，如
<meta charset="UTF-8">，这有助于正确显示不同语言的字符。
页面描述和关键词：meta标签可以包含名称（name）和内容（content）属性，用于提供页面的描述和关键词，这有助于提高搜索引擎的检索效率。
视口设置：在响应式网页设计中，meta标签可以用来设置视口的宽度和缩放比例，例如
<meta name="viewport" content="width=device-width, initial-scale=1.0">。
兼容性模式：特定于IE浏览器的meta标签可以设置文档的兼容性模式，这对于确保旧版IE浏览器正确渲染网页是必要的。
总的来说，meta标签是HTML文档头部的一个重要元素，它为浏览器和搜索引擎提供了关键信息，帮助它们更好地理解和呈现网页内容。
页面自动跳转
特殊字符
注释
学习资料：
双体课件ppt
对您有帮助的话，请点赞收藏下次观看
标签：HTML,标签,DOCTYPE,meta,文档,开发,页面,Javaweb From： https://www.cnblogs.com/Dr-LiDaxia/p/18123670