Learn HTML with Me
I joined codeboxr this january. I started to learn about basic HTML , basic tags, what is an html file and how it works. All seems magic to me. At start, this is so difficult for me as I came from non technical backeground, you can understand. I am writing this blog post, so that you can be inspired by me and start to learn basic html. Hope that, it will help. At the same time I discover that some web sites are very much helpful to learn html. Now I share this with all of you.
Check this Reference site for some quick idea.
I started to read from sitepoint, they have step by step tutorial and online html playground which helped me a lot.
So, what is html for the rest of us ? I found it combination of some formatting and simple rules with start tag and ending tag. You want to learn see one ? here it is
<h1>This is h1 heading</h1>
<h2>This is h2 heading</h2>
<h3>This is h3 heading</h3>
<h4>This is h4 heading</h4>
<h5>This is h5 heading</h5>
<h6>This is h6 heading</h6>
<p>This is a paragraph that which is used most</p>
<span>This is a span tag</span>
<strong>Bold text is fun</strong>
In any news site we read news article, the news heading is actually a h1 tag in html, you see the starting tag
<h1>
and the ending tag </h1>.
simple, isn’t it ? You know I am not expert but I just learn how interesting it is and now it will be easy for me to put formatting as I need while writing article using the wordpress dashboard, I know you know about visual editor but try to click the text mode and see lots of html tags, try to learn some basic html you will feel more comfortable with the html tags and write article using direct html formatting.
Here are more resources links that you can try.
- http://www.w3schools.com/html/html_examples.asp
- http://www.w3schools.com/html/default.asp
- http://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_ins
- http://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_bdo
- http:/www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_abbr
Sometime you want your text remain the same which you write in HTML then you can try the <pre>
tag.
The another interesting tag is <br/>
. If you want break middle of a line then you use the line break tag <br/>
.
In the next time, I discuss about more html tags. I think I will write as series blog post. Let’s see how much I can be expert as soon as possible and inspire you to learn same way.