HTML

HTML 知识量:9 - 26 - 70

3.1 文本简介><

页面组成元素- 3.1.1 -

在HTML中,静态页面主要由文字、图片、超链接、音频和视频这四种元素组成,这些元素通过HTML标签来定义和展示。

文字:HTML使用各种标签来展示文本内容,如<p>(段落)、<h1>到<h6>(标题,其中<h1>最大,<h6>最小)、<span>(行内元素,用于样式化文本的一部分)、<div>(块级元素,用于包裹大块的文本或其他元素)等。

图片:<img>标签用于在网页中插入图片。这个标签的src属性指定图片文件的URL,alt属性提供图片无法显示时的替代文本。

超链接:<a>标签用于创建超链接,允许用户点击链接跳转到其他页面或当前页面的某个部分。href属性指定链接的目标地址。

音频和视频:<audio>和<video>标签分别用于在网页中嵌入音频和视频内容。这些标签可以包含src属性来指定媒体文件的URL,以及controls属性来显示播放控件。

HTML文本- 3.1.2 -

纯文本的网页主要涉及以下几种HTML标签:

  • <!DOCTYPE html>:文档类型声明,告诉浏览器这是一个HTML5文档。

  • <html>:HTML文档的根元素。

  • <head>:包含文档的头部信息,如字符编码声明等。

  • <meta charset="UTF-8">:设置文档使用的字符编码为UTF-8。

  • <body>:包含文档的主体内容,即纯文本。

  • <p>:段落标签,用于定义文本段落。

  • <br>:换行标签,用于在文本中插入换行。

  • <hr>:水平线标签,用于在文本中插入一条水平线进行分隔。

  • <pre>:预格式化文本标签,保留文本中的空格和换行符。

  • <footer>:可选的元素,用于包含页脚信息,如版权信息等。

下面是一个简单的纯文本网页的示例:

<!DOCTYPE html>  
<html>  
<head>  
  <meta charset="UTF-8">  
  <title>纯文本网页示例</title>  
</head>  
<body>  
  <h1>欢迎来到我的纯文本网页</h1>  
  <p>这是一个简单的纯文本网页示例。</p>  
  <p>这里包含了一些基本的HTML标签,用于展示纯文本内容。</p>  
  <p>使用<br>标签可以在文本中插入换行。</p>  
  <p>使用<hr>标签可以插入一条水平线进行分隔。</p>  
  <pre>  
这是一个预格式化的文本示例。  
它保留了空格和换行符。  
  </pre>  
  <footer>  
    <p>版权信息:© 2023 我的纯文本网页</p>  
  </footer>  
</body>  
</html>

在这个示例中,使用了<h1>标签来定义标题,<p>标签来定义段落,<br>标签来插入换行,<hr>标签来插入水平线进行分隔,以及<pre>标签来展示预格式化的文本。同时,还使用了<footer>标签来包含页脚信息。