简体   繁体   English

如何将主题实现到 html?

[英]How to implement theme to html?

Okay so I'm 100% new to programming.好的,所以我 100% 是编程新手。 The question format may also be wrong.问题格式也可能是错误的。 The Question: theme on html?问题:html 的主题? Still beginner on html. html 还是初学者。 wanted it to look aesthetically pleasing to my eyes at least with what I've learnt.希望它至少在我所学的情况下看起来在美学上令人赏心悦目。 No CSS knowledge yet.还没有 CSS 知识。 I've been little bit searching whatever i feel like putting on my page(emojis).我一直在寻找我想放在我的页面上的任何东西(表情符号)。 I've searched Google and did what was written but it still doesn't display the theme.我搜索了谷歌并做了写的,但它仍然没有显示主题。 Okay so here's the code so you can see, will add more things later as i learn(I know it's nothing for you all):好的,这是您可以看到的代码,稍后我会添加更多内容(我知道这对你们所有人来说都没什么):

<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>

Thank you in advance!先感谢您!

In order to add styles to your HTML page, you use css (with the file extension.css -- for example styles.css ). In order to add styles to your HTML page, you use css (with the file extension.css -- for example styles.css ). To make the styles visible on your html page, in the head section you would include <link rel="stylesheet" href="styles.css"/> .要使 styles 在您的 html 页面上可见,您将在头部部分包含<link rel="stylesheet" href="styles.css"/> For instance, in the css file, you could include:例如,在 css 文件中,您可以包括:

h3 {
    color: #f7cac9;
}

Then, after adding the link rel, the h3 elements in your html page would be pink.然后,添加链接 rel 后,html 页面中的 h3 元素将变为粉红色。 Hope this helps, Alternatively.希望这会有所帮助,或者。 you could add tags in your html page.您可以在 html 页面中添加标签。

Here's an example of adding css to an html page.这是将 css 添加到 html 页面的示例。 By adding.coder {background: green}, the background-color turns green:通过添加.coder {背景:绿色},背景颜色变为绿色:

 .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>

Like the other guys posts.就像其他人的帖子一样。

  • HTML - is a markup language. HTML - 是一种标记语言。 You will say for the browser: Hey this is a paragraph... <p>This is a paragraph</p>你会对浏览器说:嘿,这是一个段落... <p>This is a paragraph</p>
  • CSS - You will make things looks nicer. CSS - 你会让事情看起来更好。 You can change all the colors, backgrounds, fonts, sizes, margins...您可以更改所有 colors、背景、fonts、尺寸、边距...

One place to find a quick tutorial and it is also a good place to know is w3schools.com . w3schools.com是查找快速教程的好地方,也是一个了解的好地方。

It is famous and a lot of people use it.它很有名,很多人都在使用它。

I hope that you keep pushing.我希望你继续推动。

The first step is the hardest one!第一步是最难的!

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM