HTML基本标签及css小结
HTML基本标签:
<!DOCTYPE html>
:HTML5标准网页声明。<html></html>
:HTML文档的开始标签和结束标签。<head></head>
:包含了文档的元数据,如<title>、<meta>、<link>、<style>等。<title></title>
:定义了网页的标题,显示在浏览器的标题栏上。<body></body>
:包含了网页的主要内容,如<h1>到<h6>、<p>、<a>、<img>等。
CSS基本样式:
- 内联样式:通过HTML标签的
style
属性直接定义样式。 - 内部样式表:在HTML文档的
<head>
部分使用<style>
标签定义样式。 - 外部样式表:创建一个单独的CSS文件,并通过HTML的
<link>
标签引入。
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
<style>
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
}
p {
color: red;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
在这个例子中,我们定义了三种类型的CSS规则:
- 设置了
body
元素的背景颜色。 - 设置了
h1
元素的文本颜色。 - 设置了
p
元素的文本颜色。
这些样式会应用到<body>
、<h1>
和<p>
元素及其子元素上。
评论已关闭