📅 最后修改于: 2023-12-03 14:51:36.571000 🧑 作者: Mango
HTML 是 Web 开发中最基本的语言之一。HTML 指的是超文本标记语言 (Hyper Text Markup Language)，它是一种用于创建网页的标准标记语言。 HTML 使用标记与元素来描述网页的结构和内容，浏览器根据这些标记和元素渲染出网页。
<!doctype html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
页面内容
</body>
</html>
<!doctype html> 声明该文件使用 HTML5 标准，是固定写法。<html> 标签是 HTML 页面的根元素，包含头部和身体部分。<head> 标签包含与文档相关的元数据，如标题、样式和脚本等。<title> 标签定义网页的标题，显示在浏览器的标题栏上。<body> 标签包含文档的主要内容。HTML 元素是指从开始标记到结束标记之间的所有内容，通常包含一个或多个属性。
<元素名 属性1="值1" 属性2="值2">内容</元素名>
<元素名> 开始标记，用于定义元素类型。属性="值" 定义元素的属性和属性值。</元素名> 结束标记，用于标记元素的结束位置。<p>这是一段文本</p>
<p> 元素用于定义段落。
<img src="图像地址" alt="图像描述">
<img> 元素用于定义图像，其中 src 属性指定图像的 URL，alt 属性用于提供图像的描述信息。
<a href="链接地址">链接文本</a>
<a> 元素用于创建链接，其中 href 属性指定链接的目标地址。
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
<li>有序列表项 3</li>
</ol>
<ul> 和 <ol> 元素分别用于创建无序列表和有序列表，<li> 元素用于定义列表项。
HTML 可以通过 CSS 样式表来美化网页，如改变字体、颜色、布局等。
<!doctype html>
<html>
<head>
<title>页面标题</title>
<style>
body {
font-family: Arial, sans-serif;
color: #333;
background-color: #f0f0f0;
}
h1 {
font-size: 28px;
}
p {
line-height: 1.5;
margin-bottom: 20px;
}
a {
color: #007bff;
text-decoration: none;
}
</style>
</head>
<body>
<h1>页面标题</h1>
<p>这是一段文本 <a href="#">链接</a></p>
</body>
</html>
在 <head> 标签中使用 <style> 标签定义 CSS 样式。其中，body 选择器定义整个页面的样式，h1、p、a 选择器分别定义标题、段落和链接的样式。
以上就是一些基本 HTML 浏览器端的基础知识，可以帮助开发者开始构建简单的网站。