htmlcss网页
时间: 2023-07-04 12:07:08 浏览: 100
HTML(Hypertext Markup Language)和CSS(Cascading Style Sheets)是开发网页的两种基本技术。HTML 是一种用于描述网页结构的标记语言,可以创建文本、图片、链接、表格和列表等元素。CSS 是一种样式表语言,用于控制 HTML 元素的外观和布局,如字体、颜色、背景、边距、定位等。
要创建一个网页,首先需要编写 HTML 代码来定义网页的内容和结构,然后使用 CSS 代码来设置网页的样式和布局。可以使用任何文本编辑器编写 HTML 和 CSS 代码,比如 Notepad、Sublime Text、Atom 等。完成代码编写后,将 HTML 和 CSS 文件保存为 .html 和 .css 格式,然后在浏览器中打开 HTML 文件,就可以看到网页的效果了。
以下是一个简单的 HTML 和 CSS 示例,用于创建一个包含标题、段落和图片的网页:
HTML 代码:
```
<!DOCTYPE html>
<html>
<head>
<title>My webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Welcome to my webpage</h1>
<p>This is a paragraph of text.</p>
<img src="image.jpg">
</body>
</html>
```
CSS 代码(保存为 style.css 文件):
```
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
text-align: center;
}
p {
font-size: 16px;
line-height: 1.5;
margin: 20px 0;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
}
```
这个示例中,HTML 代码定义了一个包含标题、段落和图片的网页,CSS 代码设置了网页的背景色、字体、颜色、对齐方式、字体大小、行高、段落间距和图片尺寸等样式。
阅读全文
相关推荐

















