网页设计是一个综合性的过程,它结合了 HTML(HyperText Markup Language,超文本标记
语言)、CSS(Cascading Style Sheets,层叠样式表)和 JavaScript(JS)等技术来创建和呈现
网页。下面我将简要介绍如何使用这三种技术来设计网页。
1. HTML:网页的结构
HTML 是网页的骨架,它定义了网页的内容结构。使用 HTML 标签,你可以创建标题、段落、
链接、图片、列表等。
示例代码:
html
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">访问 Example.com</a>
<img src="image.jpg" alt="示例图片">
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
</ul>
</body>
</html>
2. CSS:网页的样式
CSS 用于控制网页的布局和样式。它允许你设置元素的字体、颜色、间距、大小、背景等。
CSS 可以通过内联样式、内部样式表或外部样式表来应用。
示例代码(内部样式表):
html
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {
font-family: Arial, sans-serif;
}