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

112,916 comments

  1. Taylah

    We’re a group of volunteers and starting a new scheme in our
    community. Your website offered us with valuable information to work on. You’ve done a formidable job and our entire community will
    be grateful to you.

  2. weight loss pill adipex

    Great blog here! Also your web site loads up fast! What web host are you using?
    Can I get your affiliate link to your host? I wish my website loaded up
    as quickly as yours lol

  3. Florene

    Way cool! Some very valid points! I appreciate you penning this article and the rest of the site is also really good.

  4. Maryanne

    Great info. Lucky me I recently found your blog by
    chance (stumbleupon). I’ve saved as a favorite for later!

  5. best way to lose weight cardio

    I have been surfing online greater than three hours nowadays, yet I never discovered any fascinating
    article like yours. It’s lovely worth sufficient for me.
    In my opinion, if all site owners and bloggers made good content as you did, the net will likely be a lot more useful than ever
    before.

  6. Wilbur

    Hello i am kavin, its my first time to commenting anyplace, when i read this post i thought i could also create comment due to this brilliant piece of writing.

  7. ask.nawanyagotechnical.com

    Right here is the perfect web site for anyone who really wants
    to understand this topic. You realize so much its almost tough to argue with you (not that I really will need
    to…HaHa). You definitely put a fresh spin on a subject which has been written about for ages.
    Wonderful stuff, just excellent!

  8. anunturi.braila-portal.ro

    I really love your website.. Very nice colors & theme. Did you make this web
    site yourself? Please reply back as I’m attempting to create my very own site and want to know where you got this from
    or what the theme is called. Thank you!

  9. Jada

    I really like reading an article that will make people
    think. Also, thanks for allowing me to comment!

  10. Jasmin

    Definitely believe that which you said. Your favorite justification appeared to be on the web the simplest thing
    to be aware of. I say to you, I certainly get irked while people think about worries that they just do not know about.
    You managed to hit the nail upon the top and defined out the whole thing without having side effect , people could take a signal.
    Will probably be back to get more. Thanks

  11. Maricruz

    I visited multiple blogs however the audio quality for audio songs present at this
    site is actually wonderful.

  12. Lois

    I’ve been exploring for a little bit for any high quality articles or blog posts
    in this kind of space . Exploring in Yahoo I ultimately stumbled upon this website.
    Studying this info So i’m glad to express that I have an incredibly good uncanny feeling
    I came upon exactly what I needed. I so much no doubt will make sure
    to don?t put out of your mind this site and give it a glance regularly.

  13. Darren

    I know this web site provides quality depending articles and additional data, is there any other site which
    gives such things in quality?

  14. Darell

    It’s going to be ending of mine day, except before end I am reading
    this wonderful article to improve my know-how.

  15. www.ascomputers.eu

    Ahaa, its nice discussion concerning this post here at this weblog, I have read all that, so now me also commenting here.

  16. Terence

    Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point.
    You clearly know what youre talking about, why throw away
    your intelligence on just posting videos to your weblog
    when you could be giving us something enlightening to read?

  17. Norma

    I do agree with all of the ideas you have offered in your post.
    They’re really convincing and can definitely work.
    Still, the posts are too brief for novices. Could you please lengthen them
    a little from subsequent time? Thanks for the post.

  18. Armando

    This design is wicked! You definitely know how to keep a reader entertained.
    Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Great job.
    I really enjoyed what you had to say, and more than that, how you presented
    it. Too cool!

  19. Lieselotte

    Awesome things here. I’m very happy to peer your article.
    Thanks so much and I’m having a look ahead to contact you.

    Will you please drop me a mail?

  20. best weight loss pills 2020

    If you are going for finest contents like me, just pay
    a visit this site every day as it presents feature
    contents, thanks

  21. https://www.superkingads.com/user/profile/162120

    I’m impressed, I have to admit. Rarely do I come across a blog that’s both equally educative and amusing, and
    without a doubt, you’ve hit the nail on the head.

    The problem is something that too few folks are speaking intelligently about.
    Now i’m very happy that I found this in my hunt for something relating to this.

  22. Chassidy

    Hi there! Someone in my Facebook group shared this site with
    us so I came to look it over. I’m definitely enjoying the information. I’m book-marking and will be tweeting this to my followers!
    Terrific blog and brilliant style and design.

  23. Alina

    It’s difficult to find experienced people in this particular
    subject, however, you sound like you know what you’re talking about!
    Thanks

  24. Yvette

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

  25. Nadia

    After I originally commented I seem to have clicked the -Notify me when new comments are added-
    checkbox and from now on whenever a comment is added I get four emails with the same comment.
    Perhaps there is a means you are able to remove me from that
    service? Many thanks!

  26. Shelia

    Do you have a spam issue on this site; I also am a blogger, and I was wondering your situation; we have developed
    some nice methods and we are looking to trade techniques with others,
    be sure to shoot me an e-mail if interested.

  27. Kelli

    Excellent post. I absolutely love this site.
    Thanks!

Leave a Reply

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