Javaweb开发:html【1】

Javaweb开发:html

    • Javaweb路线
    • HTML基础知识
      • DOCTYPE声明
      • HTML 标签
        • 文本版面的编辑
        • 演示标签
        • 使用对齐属性
        • 原样显示文字标签
        • 使用居中标签
        • 水平分割线
        • 标题文字标签
        • 特定文字样式标签
        • 超链接分为:内部链接、外部链接
        • 链接到同一文档的各个部分
        • 使用电子邮件
        • 背景图像的设定
        • 插入图像
        • 添加视频/音频
        • 滚动文字
        • meta标签
        • 页面自动跳转
        • 特殊字符
        • 注释

**2024/4/9**

Javaweb路线

传统 Javaweb学习路线

20240409091919

新版学习路线

20240409091249

前后端开发交互模式

20240409092023

课程收获

20240409092101

HTML基础知识

image-20240409092909332

image-20240409092844438

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 标签

文本版面的编辑

image-20240409093756064

演示标签
<!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> 
使用对齐属性

image-20240409101305925

原样显示文字标签

image-20240409101525483

使用居中标签

image-20240409101626935

水平分割线

image-20240409101746653

标题文字标签

image-20240409101830558

特定文字样式标签

image-20240409102146337

超链接分为:内部链接、外部链接

image-20240409102350480

image-20240409102715294

image-20240409103005890

链接到同一文档的各个部分

image-20240409103455429

使用电子邮件

image-20240409103611633

背景图像的设定

image-20240409103930788

插入图像

image-20240409104037476

image-20240409104616381

image-20240409111030727

image-20240409111050114

image-20240409111139372

image-20240409111202684

添加视频/音频

image-20240409111509048

滚动文字

image-20240409111648069

meta标签

image-20240409111943684

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文档头部的一个重要元素,它为浏览器和搜索引擎提供了关键信息,帮助它们更好地理解和呈现网页内容。

页面自动跳转

image-20240409112456851

特殊字符

image-20240409112534731

注释

image-20240409113921087

学习资料:

  1. 黑马程序员
  2. 双体课件ppt

对您有帮助的话,请点赞收藏下次观看~~~~

上一篇:NCF代码运行