微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html内部样式代码作业复制

最近,我们的计算机科学老师布置了一项HTML内部样式代码作业。

html内部样式代码作业复制

作业的要求是自己编写一个包含各种样式的网页,然后将代码复制到文本编辑器中以备提交。我感觉这一项任务很难,因为我在以前从未接触过HTML和CSS。

但是,我的讲师鼓励我们不要害怕挑战。他告诉我们,与其逃避困难,不如积极面对它,并从中学习。

  <!DOCTYPE html>
  <html>
  <head>
  <style>
  body {
    background-color: #333333;
    font-family: Arial,sans-serif;
    color: #ffffff;
  }
  h1 {
    color: #e9e9e9;
    font-size: 48px;
    text-align: center;
    text-shadow: 2px 2px #000000;
  }
  p {
    font-size: 18px;
    line-height: 1.8;
    margin: 20px;
  }
  a {
    color: #ff9900;
    text-decoration: none;
  }
  a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  </style>
  </head>
  <body>
  <h1>My First CSS Page</h1>
  <p>Welcome to my website! I am so excited to share my first CSS page with you. I have spent hours learning how to style my webpage and bring it to life. <a href="#">Click here</a> to learn more about me and my journey into web development.</p>
  </body>
  </html>

我学习了如何给网页添加背景颜色、更改字体样式、调整段落大小和行距,以及添加链接

这项作业是我的HTML和CSS编程之旅的起点。我感到非常感激有这样优秀的教练来引导我们。我已经开始编写自己的网站,希望能够通过实践而提高。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐