HTML css基础代码
时间: 2024-08-27 16:02:21 浏览: 65
html+css基础代码
5星 · 资源好评率100%
HTML (HyperText Markup Language) 和 CSS (Cascading Style Sheets) 是网页开发的基础,它们一起构建了网页的内容和样式。
**HTML** 是结构标记语言,主要用于定义网页的布局和内容。基础的HTML代码通常包含以下几个元素:
```html
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是段落文字。</p>
<a href="https://www.example.com">点击这里链接到其他页面</a>
</body>
</html>
```
在这个例子中,`<html>` 标签表示整个文档的开始,`<head>` 包含元数据如标题 `<title>`,`<body>` 是主要内容区域,`<h1>` 是大标题,`<p>` 是段落,`<a>` 是超链接。
**CSS** 则用于描述如何呈现HTML元素的外观。基本的CSS规则可以这样写:
```css
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
a {
color: blue;
text-decoration: none;
}
```
这会让整个页面背景变为浅蓝色,标题文本颜色为白色居中对齐,链接文字颜色为蓝色,没有下划线。
阅读全文