<p><b>The series of posts about programming I would like to start from learning HTML. Here, on Steemit, it is the most useful for usual users tool. HTML is defined as HyperText Markup Language. It is a standart markup language for web-pages.</b></p>
<img src="https://i.imgur.com/rWRMm40.jpg" alt="" />
<p>Usually for creating web-applications developers use <b>HTML</b>, which describes structure and content of web-page, and <b>CSS</b>, which describes how elements should look like.</p>

<p>HTML is a simple markup language. Code consists of special element, that called descriptors or tags. The most part of tags are paired. For example:<p>

<code>&lt;p&gt;In this case <code>p</code> shows the beginning of paragraph , so second <code>/p</code> with slash - the end.&lt;/p&gt;</code>
<br/>
<center><img src="https://i.imgur.com/OA3ZGXW.gif" alt="" /></center>

<blockquote>First posts on Steemit and Golos.IO, I posted with Markdown. It is a lightweight markup language, created for easy editing of texts. And it is really easier, but one day it became the reason of my fail... My post looked how horrible. I had to redo it with HTML. And now I use only it.<b>And today I wanna tell you about some tags, that help me to post on Steemit.</b></blockquote>

<h2>Headers</h2>
<p>Headers are always important both on web-pages and in your blog. There are SIX levels of headers in HTML:</p>
<h1>Header (first level)</h1>
<code>&lt;h1&gt;Header (first level)&lt;/h1&gt;</code>
<h2>Header (second level)</h2>
<code>&lt;h2&gt;Header (second level)&lt;/h2&gt;</code>
<h3>Header (third level)</h3>
<code>&lt;h3&gt;Header (third level)&lt;/h3&gt;</code>
<h4>Header (fourth level)</h4>
<code>&lt;h4&gt;Header (fourth level)&lt;/h4&gt;</code> 
 <h5>Header (fifth level)</h5>
<code>&lt;h5&gt;Header (fifth level)&lt;/h5&gt;</code>  
<h6>Header (sixth level)</h6>
<code>&lt;h6&gt;Header (sixth  level)&lt;/h6&gt;</code>
<br/>
<center><img src="https://i.imgur.com/NOkkVCS.gif" alt="" /></center>

<h2>Formatting </h2>
<p>Tags <code>b</code> and <code>strong</code>  define bold text.</p>
<p><code>&lt;b&gt;Bold text&lt;/b&gt;</code></p>
<p><code>&lt;strong&gt;One more bold text&lt;/strong&gt;</code></p>
<p>Tags <code>i</code> and <code>em</code> define italic text.</p>
<p><code>&lt;i&gt;Italic text.&lt;/i&gt;</code></p>
<p><code>&lt;em&gt;One more italic.&lt;/em&gt;</code></p>
<br/><center><img src="https://i.imgur.com/0fYVxCc.gif" alt="" /></center>

<h2>Images</h2>
<p>To insert the image into the web-page or post we use tag <code>&lt;img&gt;</code></p>. Path (link) to your image is setting by attribute <code>src</code>. We have there one more mandatory attribute <code>alt</code>, that contains the alternative text, if the image is not exist.<em>Note, please, that <code>img</code> tag is a single and <code>/img</code> is not needed.</em></p>
<code>&lt;img src="path/to/image" alt="alternative text"&gt;</code>
<br/>
<center><img src="https://i.imgur.com/ILQiHPe.gif" alt="" /></center>

<h2>Links</h2>
<p>And last for today tag<code>&lt;a&gt;</code>. To create link we need information what and where should link. </p>
<code>&lt;a href="URL"&gt;link is here&lt;/a&gt;</code>
<p>So the content of <code>a</code> - link, and meaning of attribute <code>href</code> - address, where will we surf.</p>
<center><img src="https://i.imgur.com/M0IeJgv.gif" alt=""> </center>
<hr />

<p>For the first lesson I think it is enough, I will be very happy all your comments, notes and tips.</em></p>
<em>All tutorials about frontend-development will be available here: #qqcfrontend </em>
<hr/>
<center>
<p>
        <a href="https://www.instagram.com/qqcky/"><img src="http://i.imgur.com/go7VUSi.jpg" alt="" /></a>
        <a href="https://telegram.me/qqcky"><img src="http://i.imgur.com/Q8gcQPg.jpg" alt="" /></a>
        <a href="http://qqcky.github.io/dbaklanova/"><img src="http://i.imgur.com/PtbaqXR.jpg" alt="" /></a>
<a href="https://golos.io/@qqc"><img src="https://media.giphy.com/media/26gsmDcrRXl1KFq9O/giphy.gif" alt="" /></a>
        <a href="https://steemit.com/@qqc"><img src="http://i.imgur.com/sK3VT4X.jpg" alt="" /></a>
    </p>
</center>