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

81,762 comments

  1. Theo

    Woah! I’m really loving the template/theme of this site. It’s simple, yet effective.
    A lot of times it’s very hard to get that “perfect balance” between superb usability and visual appeal.
    I must say you’ve done a awesome job with this.
    In addition, the blog loads extremely quick for me on Safari.
    Excellent Blog!

  2. Foster

    Hi, Neat post. There is an issue together with your site in internet explorer, could check
    this? IE nonetheless is the market leader and a large section of other people will pass over
    your great writing due to this problem.

  3. Ranking of the Top CBD Oils

    Hi there are using WordPress for your site platform?

    I’m new to the blog world but I’m trying to get started and create my
    own. Do you need any html coding knowledge to
    make your own blog? Any help would be greatly appreciated!

  4. Kassandra

    Hey! Do you know if they make any plugins to help with Search
    Engine Optimization? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing
    very good success. If you know of any please share.

    Cheers!

  5. Debora

    Hey, I think your site might be having browser compatibility issues.
    When I look at your blog site in Safari, it looks fine but
    when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up!
    Other then that, terrific blog!

  6. Marylin

    That is really attention-grabbing, You are a very
    skilled blogger. I have joined your rss feed and look
    forward to looking for more of your magnificent post. Also,
    I’ve shared your web site in my social networks

  7. Tim

    Attractive part of content. I just stumbled upon your web site and in accession capital to claim that I get in fact enjoyed account your weblog posts.
    Anyway I will be subscribing in your feeds and even I fulfillment
    you access constantly rapidly.

  8. Ramiro

    I do not know if it’s just me or if everyone else experiencing issues with your site.
    It appears as though some of the text on your posts are running off the screen.
    Can somebody else please provide feedback and let me know if this is happening
    to them too? This might be a problem with my browser
    because I’ve had this happen before. Thanks

  9. Wade

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

  10. CBD oil cost

    Everyone loves what you guys are usually up too.
    Such clever work and coverage! Keep up the awesome works guys I’ve added you guys to blogroll.

  11. Paula

    I know this if off topic but I’m looking into starting my own blog and was
    wondering what all is required to get set up?
    I’m assuming having a blog like yours would cost a pretty
    penny? I’m not very internet smart so I’m not 100% certain. Any tips or advice would be greatly appreciated.
    Kudos

  12. Charli

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

  13. Ana

    Aw, this was an incredibly nice post. Spending some time and actual effort
    to produce a great article… but what can I say… I hesitate a lot and never manage to get
    nearly anything done.

  14. Opal

    I’m truly enjoying the design and layout
    of your blog. It’s a very easy on the eyes which makes it much more
    enjoyable for me to come here and visit more often. Did you hire out
    a designer to create your theme? Superb work!

  15. buy cbd oil

    Remarkable issues here. I am very satisfied to look your post.

    Thank you a lot and I’m taking a look forward to contact you.
    Will you please drop me a e-mail?

  16. Martha

    Excellent, what a website it is! This website provides valuable data
    to us, keep it up.

  17. Shayna

    Thanks for some other informative web site. The place else may just I am getting
    that type of info written in such an ideal way?

    I have a undertaking that I’m simply now working on, and I have been at the glance out for such information.

  18. Adam

    Definitely believe that which you stated. Your favorite justification seemed to be on the internet the simplest thing to
    be aware of. I say to you, I certainly get irked while
    people consider worries that they plainly don’t know about.
    You managed to hit the nail upon the top as well as defined out the whole thing without
    having side-effects , people could take a signal. Will probably
    be back to get more. Thanks

  19. Annmarie

    Hello very cool web site!! Man .. Beautiful ..
    Superb .. I’ll bookmark your website and take the feeds additionally?
    I’m satisfied to find so many helpful information right here within the post, we want work out extra
    techniques on this regard, thanks for sharing. . . . . .

  20. Caitlyn

    Thanks a bunch for sharing this with all of us you actually know what you’re talking approximately!
    Bookmarked. Kindly additionally visit my website
    =). We will have a hyperlink change arrangement between us

  21. medical benefits of CBD oil

    Its such as you learn my mind! You appear to
    understand a lot approximately this, such as you wrote the ebook in it or something.
    I think that you simply can do with a few % to force the message home a little bit, however other than that,
    this is great blog. A great read. I will certainly be back.

  22. Rae

    My brother suggested I might like this web site. He was
    entirely right. This post actually made my day. You cann’t imagine simply how much time
    I had spent for this information! Thanks!

  23. Kisha

    Good article. I am facing some of these issues as well..

  24. Ramiro

    Hi there! Do you know if they make any plugins to protect against hackers?
    I’m kinda paranoid about losing everything I’ve worked hard on.
    Any tips?

  25. Premium Jane’s CBD Gummies

    I am sure this paragraph has touched all the internet visitors, its really really
    good piece of writing on building up new weblog.

  26. Donette

    I am actually delighted to read this web site posts which includes plenty of helpful information, thanks for
    providing such statistics.

  27. CBDPure Hemp CBD Oil

    What’s up colleagues, its wonderful article concerning teachingand completely explained,
    keep it up all the time.

  28. Estelle

    I’ve been surfing online more than 4 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 web will be much more useful
    than ever before.

  29. Muhammad

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

Leave a Reply

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