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#idelement 等。
  • 属性:如 colorfont-sizebackground-color 等。

例如,以下是一个简单的 CSS 示例:

body {
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
}

h1 {
  color: #333;
}

p {
  color: #666;
}

你可以将 CSS 代码放在一个单独的文件中,或者直接在 HTML 文件的 <head> 部分中。

学习资源

想要了解更多关于 HTML 和 CSS 的知识,可以访问本站的 HTML 教程CSS 教程