这个网站的HTML结构非常精简,使用了img
标签和body
标签来布局,没有使用任何其他CSS样式。整个页面的布局非常简单,只有一个基本的文本内容和图片展示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例网站</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<img src="example.jpg" alt="示例图片">
<!-- 在这里可以添加更多的HTML元素 -->
</body>
</html>
在这个示例中,我们看到了以下一些特性:
- 使用了
img
标签和body
标签进行布局。
- 页面上的内容包括一个标题(
<h1>
标签)、一个图片(通过src
属性指定)和一个空的<img>
标签(用于展示示例图片)。
<h1>
标签被用来显示页面的主标题。
- 使用了
<link>
或<style>
标签在外部引入了字体文件(Microsoft Yahei
, “Simsun”, “Arial”, sans-serif),这是为了让页面在不同的浏览器和设备上保持一致的字体显示效果。
- 使用了
<a>
标签作为链接标签,用于指向外部资源或跳转到不同页面。其中,href
属性指定了链接的目标地址,visited
属性表示已访问过的链接。
<img>
标签用于插入图片,其属性src
定义了图片的来源,alt
属性定义了当图片无法加载时的替代文本描述。
- 整个网页的
body
部分设置了背景颜色(通过CSS中的background-color
属性),并使用了margin: 0;
和padding: 0;
规则来清除元素的外边距和填充。
这个示例并没有使用其他的HTML特性,例如div
、ul
等容器结构以及CSS样式表,而是直接使用纯文本和图片来实现基本的网站功能。