How to properly style your blog on Steemit Pt #1
How to properly style your blog Pt #1
Here are some advanced tips on how to style your blog on Steemit using HTML.
Click here to access Google. A good alternative to Google is Ecosia, which is a search engine I personally prefer over Google, because it helps to reforest regions in South America and other parts of the world. | Klicke hier um auf Google zu gehen. Eine perfekte Alternative zu Google ist Ecosia, eine neue Suchmaschine, die dabei hilft, den Regenwald in Südamerika und anderen Regionen auf der Erde wieder aufzuforsten und zu erneuern. |
![](https://steemitimages.com/200x200/http://i.imgur.com/b7MuOtz.png)
![](https://steemitimages.com/0x0/http://i.imgur.com/6Sj2V6G.gif)
How can you style your blog that it looks similiar to the one above?
First, you need to know how to access the HTML editor. Between your heading and your text box, you'll find Editor, then click on Markdown, type a few letters in your text box and then click raw html. You'll notice that some weird <html> text appears in your textbox. I've copied for you my HTML text i used above.
<html>
every html code starts with an <html> tag. It is important, that you end the html code using </html><center>
<h1> How to properly style your blog </h1>
</center>
<hr />
<center>
<h4> Here are some advanced tips on how to style your blog on Steemit using HTML.</h4>
</center>
<br/ >
Alright, there is a lot of information in here. The <center> tag is used to center pictures or text. The <h1> tag is used to create headings. They range from 1-6, 1 is the largest, 6 the smallest heading. The <hr/ > tag is used to create these cool lines, helping you to structure your blog and text. Notice that you don't need to close this tag afterwards, because it is a self-closing tag! The <br/ > tag is used to create a line break.
<table>
<tr>
<td>
Click <a href="www.google.com"> here </a> to access Google. A good alternative to Google is Ecosia, which is a search engine I personally prefer over Google, because it helps to reforest regions in South America and other parts of the world.
</td>
<td>
Klicke <a href="www.google.com"> hier </a> um auf Google zu gehen. Eine perfekte Alternative zu Google ist Ecosia, eine neue Suchmaschine, die dabei hilft, den <em>Regenwald in Südamerika</em> und anderen Regionen auf der Erde wieder aufzuforsten und zu erneuern.
</td>
</tr>
</table>
Alright, let's create some tables. The <table> tag is used to define a basic table. The <tr> tag stands for table row. <td> tag means table data which is basically a cell or column. The <a href="www.google.com"> put some clickable text in here </a> tag is used to create links. In order to print cursive characters, you need to use the <em> tag. Make sure you don't forget to close each tag at the end!
In lesson Pt #2 I will cover how to implement, size and structure images using HTML and also on how to implement YouTube Videos directly into your HTML code!
Please make sure to upvote, follow, comment and resteem if you liked my post!
Thx für die Tipps und die Ecosia Promo :)
Hab selbst schon einen Ecosia Search-Score von 2.193 :) * proud *
:D
Best,
mountain.phil28
Super HTML Tipps! :)
die meisten von den Befehlen hab ich mir schon angeeignet seit ich auf Steemit bin, aber es waren doch auch ein paar neue dabei ;)
danke, freu mich schon auf den nächsten Teil :)
I am going to have to learn HTML if I want my posts to look more appealing, Thanks for the lesson, I will look out for more.