HTML (HyperText Markup Language) 和 CSS (Cascading Style Sheets) 是构建网页的基础。HTML 用于创建网页的结构,而 CSS 用于美化这些结构。
HTML
HTML 是一种标记语言,用于描述网页的结构。以下是一些基本的 HTML 元素:
- 标题:
<h1>
到<h6>
用于定义标题的级别。 - 段落:
<p>
用于定义段落。 - 链接:
<a>
用于创建链接。 - 图片:
<img>
用于插入图片。
例如,以下是一个简单的 HTML 示例:
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">点击这里访问 Example 网站</a>
<img src="https://cloud-image.ullrai.com/q/webpage/" alt="网页示例"/>
</body>
</html>
CSS
CSS 用于定义 HTML 元素的样式。以下是一些基本的 CSS 选择器和属性:
- 选择器:如
.class
、#id
、element
等。 - 属性:如
color
、font-size
、background-color
等。
例如,以下是一个简单的 CSS 示例:
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: #333;
}
p {
color: #666;
}
你可以将 CSS 代码放在一个单独的文件中,或者直接在 HTML 文件的 <head>
部分中。