Javaweb开发:html
- Javaweb路线
- HTML基础知识
- DOCTYPE声明
- HTML 标签
- 文本版面的编辑
- 演示标签
- 使用对齐属性
- 原样显示文字标签
- 使用居中标签
- 水平分割线
- 标题文字标签
- 特定文字样式标签
- 超链接分为:内部链接、外部链接
- 链接到同一文档的各个部分
- 使用电子邮件
- 背景图像的设定
- 插入图像
- 添加视频/音频
- 滚动文字
- meta标签
- 页面自动跳转
- 特殊字符
- 注释
**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
对您有帮助的话,请点赞收藏下次观看~~~~