而HTML则是网页的骨架,它定义了网页的内容结构和各种元素。在HTML中,大家可以通过标签来描述网页中的各种元素,如段落、标题、列表、链接等等。这些标签可以通过CSS样式表来设置外观效果,让网页更加生动有趣。
/* CSS样式表示例 */ p { font-size: 16px; color: #333; line-height: 1.5; } h1 { font-size: 32px; color: #f44336; margin-bottom: 20px; } a { color: #00bcd4; text-decoration: none; } /* HTML代码示例 */ <html> <head> <title>网页标题</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落,包含了一些文字内容。</p> <ul> <li>这是一个列表项</li> <li>这是另一个列表项</li> </ul> <a href="#">这是一个链接</a> </body> </html>
以上是一个简单的HTML和CSS示例,通过代码可以看到,大家可以轻松地定义各种外观效果,并且将它们应用到网页中的不同元素上。HTML和CSS的结合使用可以让大家创建出不同风格、不同风格的网页。