HTML 知识量:9 - 26 - 70
在HTML中,静态页面主要由文字、图片、超链接、音频和视频这四种元素组成,这些元素通过HTML标签来定义和展示。
文字:HTML使用各种标签来展示文本内容,如<p>(段落)、<h1>到<h6>(标题,其中<h1>最大,<h6>最小)、<span>(行内元素,用于样式化文本的一部分)、<div>(块级元素,用于包裹大块的文本或其他元素)等。
图片:<img>标签用于在网页中插入图片。这个标签的src属性指定图片文件的URL,alt属性提供图片无法显示时的替代文本。
超链接:<a>标签用于创建超链接,允许用户点击链接跳转到其他页面或当前页面的某个部分。href属性指定链接的目标地址。
音频和视频:<audio>和<video>标签分别用于在网页中嵌入音频和视频内容。这些标签可以包含src属性来指定媒体文件的URL,以及controls属性来显示播放控件。
纯文本的网页主要涉及以下几种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>标签来包含页脚信息。
Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6