HTML基本标签及css小结
    		       		warning:
    		            这篇文章距离上次修改已过437天,其中的内容可能已经有所变动。
    		        
        		                
                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>元素及其子元素上。
评论已关闭