HTML
HTML(超文本标记语言)是用于创建网页的标准标记语言，它是一种基于文本的语言，通过使用一系列标签来描述网页的结构和内容，HTML文件的扩展名为.html,浏览器会根据这些标签来解析和显示网页。
1、基本结构
一个简单的HTML文档结构如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> <h1>一级标题</h1> <p>这是一个段落。</p> </body> </html>
– <!DOCTYPE html> 声明文档类型，告诉浏览器这是一个HTML5文档。
– <html> 标签是整个网页的根元素。
– <head> 标签包含了网页的元数据，如字符集、标题等。
– <meta charset="UTF-8"> 定义文档的字符编码。
– <title> 标签定义了网页的标题，显示在浏览器的标签页上。
– <body> 标签包含了网页的所有可见内容，如文本、图片、链接等。
– <h1>、<h2> 等标签表示不同级别的标题，数字越大，字体越小。
– <p> 标签表示一个段落。
2、标签属性
一些常用的HTML标签具有属性，
– <a> 标签用于创建超链接：
<a href="https://www.example.com">访问示例网站</a>
– <img> 标签用于插入图片：
<img src="example.jpg" alt="示例图片">
– <link> 标签用于引入外部样式表：
<link rel="stylesheet" href="styles.css">
CSS
CSS(层叠样式表)是一种用于描述HTML文档样式的语言，它可以控制网页的布局、颜色、字体等视觉效果，将CSS与HTML结合使用，可以实现更丰富的页面样式和交互效果。
1、内联样式
在HTML标签中直接添加CSS样式：
<p style="color: red; font-size: 18px;">这是一个带有内联样式的段落。</p>
2、内部样式表(Internal Style Sheet)
在HTML文件的<head>标签内添加<style>标签，定义CSS样式：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
<style>
p { color: red; font-size: 18px; }
</style>
</head>
<body>
<h1>一级标题</h1>
<p>这是一个段落。</p>
</body>
</html>
3、外部样式表(External Style Sheet)
将CSS样式保存在一个单独的.css文件中，然后在HTML文件中引用该文件：
index.html:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>一级标题</h1> <p>这是一个段落。</p> </body> </html>
图片来源于互联网，如侵权请联系管理员。发布者：观察员，转转请注明出处：https://www.kname.net/ask/6263.html
