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.)

148 comments

  1. ver quora cuenta privada de instagram

    Sweet blog! I found it while browsing on Yahoo News.

    Do you have any tips on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there!

    Thank you

  2. steam wallet code generator 2019 no human verification

    Hello there! This blog post couldn’t be written any better!
    Going through this article reminds me of my previous roommate!
    He constantly kept talking about this. I most certainly will forward
    this information to him. Fairly certain he’s going to have
    a good read. Many thanks for sharing!

  3. Carmella

    Hey there! I just want to give you a big thumbs up for your great information you’ve got right here on this post.
    I am returning to your blog for more soon.

  4. Darell

    Greetings! Very useful advice in this particular article!
    It’s the little changes that will make the most significant changes.
    Thanks a lot for sharing!

  5. steam codes generator 2020

    Hi! I understand this is somewhat off-topic but I had to ask.
    Does building a well-established blog such as yours
    require a massive amount work? I am completely new to
    blogging however I do write in my journal on a daily basis.
    I’d like to start a blog so I can easily share my personal experience and thoughts online.
    Please let me know if you have any kind of recommendations or tips for brand new aspiring blog owners.
    Thankyou!

  6. Leopoldo

    This article is genuinely a pleasant one it assists new net visitors, who are wishing for
    blogging.

  7. Adıyaman tüTünü

    Hi, Neat post. There is an issue with your website
    in web explorer, might test this? IE nonetheless is the market
    leader and a big portion of people will omit your great writing because
    of this problem.

  8. grave blankets for Christmas

    Wonderful blog! Do you have any recommendations for aspiring writers?
    I’m hoping to start my own blog soon but I’m a little lost on everything.
    Would you propose starting with a free platform like WordPress or go for a paid option?
    There are so many choices out there that I’m totally confused ..

    Any suggestions? Cheers!

  9. Paulina

    Very descriptive article, I liked that a lot. Will there be a part 2?

  10. Abigail

    This is the right blog for everyone who would like to find out about
    this topic. You know so much its almost tough to argue with you (not that I really would want to…HaHa).
    You certainly put a brand new spin on a subject that’s been written about for
    years. Great stuff, just wonderful!

  11. Staci

    I’ve been browsing online more than 2 hours today, yet I never
    found any interesting article like yours. It is pretty
    worth enough for me. Personally, if all website owners and
    bloggers made good content as you did, the net will be a lot
    more useful than ever before.

  12. Jenni

    Hi there, after reading this amazing article i am too delighted to share my familiarity here with
    mates.

  13. Louvenia

    It’s amazing to pay a quick visit this web page and reading the views of all
    friends on the topic of this paragraph, while
    I am also keen of getting know-how.

  14. encouraging quotes

    Wow, wonderful weblog format! How long have you been running a blog
    for? you made running a blog glance easy.
    The overall glance of your web site is great, let alone
    the content!

  15. Israel

    If some one needs to be updated with latest technologies then he must
    be go to see this site and be up to date all the time.

  16. Jefferson

    Attractive part of content. I simply stumbled upon your website and in accession capital to
    assert that I acquire in fact enjoyed account your
    weblog posts. Any way I will be subscribing on your augment and even I achievement
    you get admission to constantly rapidly.

  17. receitas com leite condensado

    Wow! Finally I got a webpage from where I can truly get valuable facts regarding my study and knowledge.

  18. Debbie

    Thanks for sharing your thoughts. I truly appreciate your efforts and I will be waiting for your next
    write ups thank you once again.

  19. Celsa

    I just like the valuable information you provide to
    your articles. I will bookmark your blog and check again here frequently.
    I’m moderately sure I’ll learn many new stuff proper right here!
    Best of luck for the next!

  20. Janina

    Please let me know if you’re looking for a writer for your site.
    You have some really good articles and I believe I would be a good asset.

    If you ever want to take some of the load off, I’d love to write some content
    for your blog in exchange for a link back to mine.
    Please blast me an email if interested. Thanks!

  21. Coy

    I have learn a few just right stuff here. Certainly value bookmarking for revisiting.
    I surprise how so much effort you put to make this sort of
    fantastic informative web site.

  22. Teri

    WOW just what I was looking for. Came here by searching for cómo ver la historia privada de instagram de alguien

  23. Sienna

    Hi! I just wanted to ask if you ever have any trouble
    with hackers? My last blog (wordpress) was hacked and I ended up losing months of hard work due to no data backup.
    Do you have any methods to protect against hackers?

  24. Halina

    Thanks in support of sharing such a pleasant opinion, article is nice, thats why
    i have read it completely

  25. Shona

    Thanks for every other magnificent article. Where else may anybody get that kind of information in such a perfect manner of writing?
    I’ve a presentation subsequent week, and I’m at the search for such info.

  26. Margery

    Do you have a spam issue on this website; I also am a blogger, and
    I was wondering your situation; we have created some nice practices
    and we are looking to exchange techniques with other folks, be sure to shoot me an email if interested.

  27. Donnie

    magnificent post, very informative. I’m wondering why the opposite experts
    of this sector don’t understand this. You must proceed your
    writing. I’m sure, you have a great readers’ base
    already!

  28. Pete

    Pretty nice post. I just stumbled upon your blog and wanted to
    say that I have really enjoyed surfing around your blog posts.
    After all I will be subscribing to your rss feed and I hope you
    write again soon!

Leave a Reply

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