如何将主题实现为html?

问题描述 投票:0回答:2

好吧,我对编程来说是 100% 的新手。问题格式也可能是错误的。 问题:html 上的主题? 还是 html 初学者。希望它看起来美观,至少根据我所学到的知识。还没有 CSS 知识。我一直在搜索我想放在页面上的任何内容(表情符号)。 我已经搜索了谷歌并做了所写的内容,但它仍然没有显示主题。 好的,这是代码,以便您可以看到,稍后我会根据学习添加更多内容(我知道这对你们来说没什么用):

<html>
  <head>
    <meta charset=“UTF-8”>
     <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="theme-color" content="#f7cac9">
       <title>Galaxia
       </title>
  </head>
    <body>

  <h3 style = "position:absolute; right:150px; top:-10px; background-color:pink;">
    Welcome to my weird abode &#x1F98B;
  </h3>
  <br>
  <br>
  <!-- added two br tags because otherwise heading and paragraph overlap -->
  
  <div class="coder">
    <p>This is a html example from me for now,
        <br>
        have fun.:) </p>
    </div>

</body>
</html>

提前谢谢您!

html css colors themes background-color
2个回答
1
投票

为了向 HTML 页面添加样式,您可以使用 css(文件扩展名为 .css - 例如

styles.css
)。要使样式在 html 页面上可见,请在 head 部分中包含
<link rel="stylesheet" href="styles.css"/>
。例如,在 css 文件中,您可以包含:

h3 {
    color: #f7cac9;
}

然后,添加链接rel后,html页面中的h3元素将变成粉红色。希望这可以帮助!或者,您可以在 html 页面中添加标签。

以下是向 html 页面添加 css 的示例。通过添加 .coder {background: green},背景颜色变为绿色:

.coder {
  background-color: green;
}
<html>
  <head>
    <meta charset=“UTF-8”>
     <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="theme-color" content="#f7cac9">
       <title>Galaxia
       </title>
  </head>
    <body>

  <h3 style = "position:absolute; right:150px; top:-10px; background-color:pink;">
    Welcome to my weird abode &#x1F98B;
  </h3>
  <br>
  <br>
  <!-- added two br tags because otherwise heading and paragraph overlap -->
  
  <div class="coder">
    <p>This is a html example from me for now,
        <br>
        have fun.:) </p>
    </div>

</body>
</html>


1
投票

就像其他人的帖子一样。

  • HTML - 是一种标记语言。你会对浏览器说:嘿这是一段...
    <p>This is a paragraph</p>
  • CSS - 你会让事情看起来更好。您可以更改所有颜色、背景、字体、大小、边距...

可以找到快速教程的地方是 w3schools.com

很有名,很多人都用它。

希望你继续努力。

第一步是最难的!

© www.soinside.com 2019 - 2024. All rights reserved.