<html> <head> <title>偶的网站</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>欢迎来到偶的网站</h1> <p>这是偶的第一篇文章。</p> </body> </html>
上面的代码示例是一个最简单的HTML网页。<html>标签标志着这是一个HTML文档,<head>标签里定义了文档的元数据,如标题和引用的CSS文件,而<body>标签中则定义了文档的主要内容。在CSS的帮助下,大家可以美化这个最简单的页面,如下是它所对应的CSS代码:
h1 { font-size: 36px; color: #333; text-align: center; } p { font-size: 18px; line-height: 1.5; color: #666; text-align: justify; }
上述CSS代码中,大家对网页中的标题和段落进行了样式处理,改变了它们的字体大小、颜色和对齐方式等。此外,大家还添加了一些间距和行高,使得网页更加易于阅读。通过HTML和CSS的协同工作,最简单的网页也可以变得十分漂亮和实用。