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.

Usually for creating web-applications developers use HTML, which describes structure and content of web-page, and CSS, which describes how elements should look like.

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>In this case p shows the beginning of paragraph , so second /p with slash - the end.</p>

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.And today I wanna tell you about some tags, that help me to post on Steemit.

Headers

Headers are always important both on web-pages and in your blog. There are SIX levels of headers in HTML:

Header (first level)

<h1>Header (first level)</h1>

Header (second level)

<h2>Header (second level)</h2>

Header (third level)

<h3>Header (third level)</h3>

Header (fourth level)

<h4>Header (fourth level)</h4>

Header (fifth level)

<h5>Header (fifth level)</h5>

Header (sixth level)

<h6>Header (sixth level)</h6>

Formatting

Tags b and strong define bold text.

<b>Bold text</b>

<strong>One more bold text</strong>

Tags i and em define italic text.

<i>Italic text.</i>

<em>One more italic.</em>

Images

To insert the image into the web-page or post we use tag <img>

. Path (link) to your image is setting by attribute src. We have there one more mandatory attribute alt, that contains the alternative text, if the image is not exist.Note, please, that img tag is a single and /img is not needed.

<img src="path/to/image" alt="alternative text">

Links

And last for today tag<a>. To create link we need information what and where should link.

<a href="URL">link is here</a>

So the content of a - link, and meaning of attribute href - address, where will we surf.

---

For the first lesson I think it is enough, I will be very happy all your comments, notes and tips.

All tutorials about frontend-development will be available here: #qqcfrontend

---