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

125,967 comments

  1. how lose weight in a day

    I’m gone to inform my little brother, that he should also visit this website on regular basis to take updated from newest
    news update.

  2. Sterling

    I blog quite often and I really thank you for your content.
    This article has really peaked my interest. I will bookmark your site
    and keep checking for new information about once per week.

    I opted in for your RSS feed as well.

  3. Melanie

    Pretty element of content. I simply stumbled upon your web site and in accession capital to claim that I get
    actually loved account your blog posts. Any way I will be subscribing on your augment or even I
    fulfillment you get right of entry to persistently rapidly.

  4. Kareem

    Simply wish to say your article is as surprising.
    The clarity in your post is simply nice and i can assume you
    are an expert on this subject. Well with your permission allow me to
    grab your feed to keep updated with forthcoming post.
    Thanks a million and please carry on the rewarding work.

  5. Donte

    I think this is one of the most significant information for me.
    And i’m glad reading your article. But wanna remark on some general
    things, The website style is great, the articles is really excellent :
    D. Good job, cheers

  6. how to lose weight effortlessly

    It is really a nice and useful piece of information.
    I’m happy that you shared this useful information with us.
    Please stay us informed like this. Thanks for sharing.

  7. Janell

    Really when someone doesn’t be aware of then its up to other users that
    they will assist, so here it happens.

  8. cakerussia.blog

    Can I just say what a comfort to uncover an individual who
    really understands what they are talking about on the web.
    You certainly realize how to bring an issue to light and make
    it important. A lot more people really need to look at this and understand this side of the story.
    I was surprised that you are not more popular since you surely have the gift.

  9. Dorris

    Hello very nice website!! Man .. Excellent .. Wonderful ..
    I’ll bookmark your website and take the feeds also? I am satisfied to find so many helpful information right here within the
    post, we’d like work out extra strategies
    on this regard, thanks for sharing. . . . . .

  10. Sheldon

    Amazing! This blog looks just like my old one! It’s on a completely
    different topic but it has pretty much the same layout and design. Superb choice of colors!

  11. Valentina

    It is perfect time to make some plans for the long run and it is time to be
    happy. I’ve learn this publish and if I may I want to
    counsel you few fascinating issues or tips. Maybe you could write next articles referring to this article.
    I want to read more issues about it!

  12. Valentina

    It is in reality a great and useful piece of info. I am happy that you just shared this helpful information with us.

    Please stay us up to date like this. Thanks for sharing.

  13. Casey

    I’m not sure why but this weblog is loading extremely slow for me.
    Is anyone else having this issue or is it a issue on my end?
    I’ll check back later on and see if the problem still exists.

  14. Katrin

    If you are going for most excellent contents like me, only go to see this website every day for the reason that it gives quality contents,
    thanks

  15. Nate

    Asking questions are in fact good thing if you are not understanding something totally,
    except this post provides pleasant understanding
    yet.

  16. Luca

    Really no matter if someone doesn’t understand then its up to other people that they will assist, so here it
    takes place.

  17. weight loss pills for men

    Hi, after reading this remarkable article i am as well cheerful to share my
    familiarity here with friends.

  18. Wilfred

    Wow, amazing blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look of your website is
    fantastic, as well as the content!

  19. best weight loss pills 2020

    Thanks for the auspicious writeup. It if truth be told was a amusement account it.
    Glance complex to far delivered agreeable from you! However, how
    could we be in contact?

  20. Jamey

    Pretty! This has been a really wonderful post.
    Thanks for supplying this info.

  21. best weight loss pills by consumer reports

    You are so awesome! I don’t suppose I’ve truly read anything like
    this before. So nice to discover someone with a few original thoughts on this subject.
    Really.. thanks for starting this up. This site is something that is required on the web, someone with a little originality!

  22. Brigette

    It’s an remarkable paragraph for all the web visitors; they will obtain advantage from it I am sure.

  23. Best Weight Loss Pill

    Its such as you read my mind! You seem to know a lot approximately this, such as you wrote the ebook in it or something.
    I feel that you could do with some percent to pressure the message home a bit, however other than that, that
    is magnificent blog. A great read. I’ll certainly be back.

  24. best weight loss pill available

    I needed to thank you for this good read!! I certainly loved every bit of it.
    I’ve got you saved as a favorite to look at new
    things you post…

  25. Taylor

    If you are going for finest contents like I do, just go
    to see this web site everyday for the reason that
    it presents quality contents, thanks

  26. Demi

    With havin so much content and articles do you ever run into any issues of plagorism or copyright violation? My website has a
    lot of exclusive content I’ve either written myself or outsourced but it
    appears a lot of it is popping it up all over the web without my
    permission. Do you know any techniques to help reduce content from being ripped off?
    I’d really appreciate it.

  27. oresmiusz.pl

    I was suggested this website via my cousin. I am now not sure whether this put up is written by means of him as nobody else recognize such targeted about my problem.
    You are wonderful! Thank you!

  28. www.2ndonline.com.au

    An outstanding share! I have just forwarded this onto a
    co-worker who had been conducting a little research
    on this. And he in fact ordered me breakfast because I discovered
    it for him… lol. So allow me to reword this….
    Thanks for the meal!! But yeah, thanx for spending
    some time to discuss this issue here on your blog.

Leave a Reply

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