Write in HTML: Basic HTML Concepts

HTML: Language of the Web Browser

“HTML” stands for “HyperText Markup Language.” Basically, it’s a language for marking up your text, so it can do fancy things like look bold or link to some other site.

HTML is the basic language of your browser. We use many programming languages for the Internet (PHP, Perl, Ruby, and others), but they all ultimately spit out HTML. (Well, or JavaScript, or CSS, but let’s keep this simple.)

Your browser takes the HTML and makes it into a pretty web page.

Keep in mind that HTML is a client side programming language, so  it cannot do server side code like doing logical calculation, getting data from database, receive request, and so on.

Learn to write in HTML, and you’ll know exactly what you’re telling the browser to do.

HTML Marks Up Ordinary Text

HTML is a markup language, so most “HTML” is just plain text. For instance, this is perfectly good HTML:

Hello. I am HTML. Exciting. Yep. Amazing.

But wait, you say. That doesn’t look like a computer language! It looks like English!

Yes. Now you know the great secret. HTML (when used properly) is readable text.

 

Learn From Your Word Processor Experience

Of course, we want more than plain text. We want, say, italics.

You already know how to get italics in a word processor program (like Microsoft Word, or the free LibreOffice). You press the little I button.

Everything you type from then on is in italics. You can type for pages. How do you stop this festival of emphasis? Press the I button again. Now your font is back to normal.

If you go back to the middle of the italicized words and add some text, it will also be in italics. There’s a kind of italics zone between the starting point, where you “turned on” italics, and the ending point, where you turned them off.

Unfortunately, these endpoints are invisible.

Invisible endpoints can cause a lot of pain. It’s all too easy to turn italics off, then make some misstep with the cursor and find you’re still in italics. You try to turn them off again, but somehow you moved again, so turning them off really toggles them on … it’s a mess.

 

HTML Uses “Tags”

HTML also uses endpoints. The difference is that In HTML, you can see these endpoints. You type them in. They’re called HTML tags.

Let’s say you want to spruce up that earlier example. You want to italicize the word “Exciting.” You would type in

<i>Exciting</i>

Complete code like this :

Hello. I am HTML. <i>Exciting</i>. Yep. Amazing.

You would save that in your text editor, then copy and paste the HTML into the “new article” box in your site. When the browser showed the page, it would look like this:

Hello. I am HTML. Exciting. Yep. Amazing.

Unlike a word processor, you don’t see the italics as you type them. You type the tags. The browser reads the tags, makes them invisible, and follows their instructions.

It can be annoying to see all those tags, but the right text editor makes this much easier.

 

Don’t Forget the Closing Tag

Closing tags are rather important. What if you forget the closing

</i>

like this :

Hello. I am HTML. <i>Exciting. Yep. Amazing.

It’s like you forgot to click the I again to turn italics off. You’ll get this:

Hello. I am HTML. Exciting. Yep. Amazing.

A single missed tag can turn your entire article, or even the rest of the page, into a river of italics.

This is probably both the easiest and the most unnerving beginner’s mistake you can make. But it’s easy to fix. Just pop in the closing tag.

 

Now Learn Some Tags

Congratulations! You understand basic HTML!

Ordinary text marked up with opening and closing tags. That’s pretty much it.

Now go learn some basic HTML tags. (You may want to get a decent text editor first.)

29,902 comments

  1. is biofitea effective

    Heya i’m for the primary time here. I found this board and I in finding It really useful & it helped me out much.
    I’m hoping to present one thing back and help others such as you helped me.

  2. Kory

    Hello, i believe that i saw you visited my site so i got here
    to go back the want?.I am trying to find things to enhance my website!I
    guess its ok to make use of a few of your ideas!!

  3. Franklyn

    Wow that was strange. I just wrote an extremely long comment but
    after I clicked submit my comment didn’t appear.
    Grrrr… well I’m not writing all that over again. Anyway, just wanted to say fantastic blog!

  4. www.immo-web.ro

    Howdy! Quick question that’s completely off topic.
    Do you know how to make your site mobile friendly?

    My blog looks weird when viewing from my iphone 4. I’m trying to find a template or plugin that might
    be able to resolve this problem. If you have any suggestions, please share.
    Thank you!

  5. complaints.didi.ir

    What’s up everyone, it’s my first pay a visit at this web site, and piece
    of writing is in fact fruitful in favor of me, keep up posting these types of content.

  6. Tammy

    Do you have any video of that? I’d care to find out more
    details.

  7. Shaunte

    I do not even know how I ended up here, but I thought this
    post was good. I do not know who you are but definitely
    you are going to a famous blogger if you aren’t already 😉 Cheers!

  8. meticore tablets uk reviews

    You actually make it seem so easy with your presentation but I find this topic to be actually something that I think I would never understand.
    It seems too complex and very broad for me. I’m looking forward for your next post, I will try to get
    the hang of it!

  9. biofit weight management reviews

    I love your blog.. very nice colors & theme.
    Did you design this website yourself or did you hire someone
    to do it for you? Plz reply as I’m looking to create my own blog and would
    like to find out where u got this from. many thanks

  10. https://ahmedabad.allads.co.in/user/profile/714628

    Hi, I do think this is an excellent web site. I stumbledupon it
    😉 I will revisit once again since I book marked it.
    Money and freedom is the greatest way to change, may you be rich and continue to help other people.

  11. shop.gmynsh.com

    Excellent blog you have here.. It’s hard to find high quality writing like
    yours these days. I honestly appreciate people like you!
    Take care!!

  12. http://fitonyashki.ru

    Hello There. I found your blog using msn. This is a really well written article.
    I’ll make sure to bookmark it and come back to read
    more of your useful information. Thanks for the post.

    I’ll definitely return.

  13. Leoma

    Usually I do not learn article on blogs, but I wish to say that this write-up
    very forced me to take a look at and do so! Your writing style
    has been amazed me. Thank you, very nice post.

  14. Audrey

    I was able to find good advice from your blog posts.

  15. Henry

    Greetings! Quick question that’s entirely off topic. Do you know how
    to make your site mobile friendly? My web site looks weird when viewing from
    my iphone. I’m trying to find a theme or plugin that might
    be able to correct this issue. If you have any recommendations, please share.

    Appreciate it!

  16. Sonya

    It’s appropriate time to make some plans for the future and it’s time to be happy.
    I have read this post and if I could I desire to suggest you
    few interesting things or suggestions. Perhaps you could write next articles referring to this article.
    I desire to read even more things about it!

  17. Marilou

    Hello! This is my 1st comment here so I just wanted to give a quick shout out and tell you I genuinely enjoy reading your posts.
    Can you suggest any other blogs/websites/forums that go over
    the same subjects? Thank you!

  18. Maureen

    I’m gone to convey my little brother, that he should also pay a quick visit this webpage on regular
    basis to get updated from latest gossip.

  19. Ted

    Great article.

  20. Rueben

    It’s very easy to find out any topic on web as compared to
    textbooks, as I found this article at this web page.

  21. havethesay.cafe24.com

    Every weekend i used to pay a quick visit this web site,
    because i wish for enjoyment, since this this site conations genuinely nice funny data too.

  22. Just post naked URL.

    I read this piece of writing completely about the difference of most up-to-date and previous technologies, it’s remarkable article.

  23. Lowell

    Hi, Neat post. There is a problem along with your website in internet explorer, would check this?

    IE nonetheless is the marketplace chief and a big part of folks will
    miss your fantastic writing due to this problem.

  24. what supplements control blood sugar

    fantastic publish, very informative. I wonder why the other
    specialists of this sector do not understand
    this. You must continue your writing. I am sure,
    you have a great readers’ base already!

  25. Willis

    I’m more than happy to uncover this website.
    I wanted to thank you for your time due to this wonderful read!!
    I definitely really liked every part of it and I have you book marked to
    look at new information in your web site.

  26. what supplements are good for prostate

    I like the helpful info you provide in your articles. I’ll bookmark your
    blog and check again here regularly. I’m quite certain I’ll learn plenty of new
    stuff right here! Good luck for the next!

Leave a Reply

Your email address will not be published. Required fields are marked *