教你如何编写网页,网页是一个网站最重要的部分
下面是一个简单的 HTML 网页示例,包含了基本的结构和一些常见的元素。
基本 HTML 网页结构
代码登录后可见
基本结构
<!DOCTYPE html>:声明文档类型为 HTML5。
<html>:HTML 文档的根元素。
<head>:包含文档的元数据(如字符集、视口设置、标题等)。
<meta charset=“UTF-8”>:设置字符集为 UTF-8,支持多语言字符。
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>:设置视口,使网页在移动设备上正确显示。
<title>:定义文档的标题,显示在浏览器标签上。
<body>:包含文档的可见内容。
常见元素
<h1> 到 <h6>:定义标题,<h1> 是最大的标题,<h6> 是最小的标题。
<p>:定义段落。
<ul>:定义无序列表(项目符号列表)。
<ol>:定义有序列表(编号列表)。
<li>:定义列表项。
<a>:定义超链接。
href 属性:指定链接的目标 URL。
<img>:定义图像。
src 属性:指定图像的 URL。
alt 属性:提供图像的替代文本,用于图像无法显示时。
如何运行
打开一个文本编辑器(如 Notepad、VS Code、Sublime Text 等)。
将上述代码复制到编辑器中。
保存文件,文件名以 .html 结尾(如 myfirstpage.html)。
双击保存的文件,或者在浏览器中打开它(右键点击文件,选择 “在浏览器中打开”)。
示例效果
当你在浏览器中打开这个文件时,你会看到一个简单的网页,包含标题、段落、列表、超链接和图像。