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,782 comments

  1. www.ascomputers.eu

    An outstanding share! I have just forwarded this onto a
    friend who was doing a little research on this.
    And he actually bought me dinner because I found it for
    him… lol. So let me reword this…. Thank YOU for the meal!!

    But yeah, thanx for spending time to talk about this subject here on your website.

  2. Joey

    Thanks a bunch for sharing this with all people you actually
    understand what you’re speaking about! Bookmarked. Please additionally visit my web
    site =). We can have a hyperlink alternate contract among us

  3. Ilse

    Hello there! This is my first visit to your blog!
    We are a collection of volunteers and starting a new project in a community in the same niche.

    Your blog provided us valuable information to work on. You have
    done a marvellous job!

  4. Finn

    What’s up to all, the contents existing at this web page
    are really amazing for people knowledge, well, keep up the nice work fellows.

  5. Dino

    Just want to say your article is as astonishing.

    The clearness in your post is simply nice and i can assume you’re an expert on this subject.
    Fine with your permission allow me to grab your feed to keep updated with forthcoming post.
    Thanks a million and please carry on the enjoyable work.

  6. Receptra Naturals

    Currently it appears like Drupal is the best blogging
    platform available right now. (from what I’ve read) Is that what
    you’re using on your blog?

  7. Steffen

    I know this if off topic but I’m looking into starting my own blog and was curious what all is
    needed to get setup? I’m assuming having a blog like yours would cost a pretty penny?

    I’m not very web savvy so I’m not 100% certain. Any suggestions or advice
    would be greatly appreciated. Many thanks

  8. Margery

    I know this website offers quality dependent content and additional material, is there any other site which presents these kinds of stuff in quality?

  9. www.myanmar2worldwide.com

    I am in fact delighted to glance at this website posts which
    includes tons of valuable facts, thanks for providing these kinds of information.

  10. Vanita

    It’s remarkable for me to have a web page, which is useful designed for my
    knowledge. thanks admin

  11. zerohot.com

    I blog frequently and I seriously appreciate your information. This great article has really peaked my interest.
    I’m going to book mark your website and keep
    checking for new details about once per week. I subscribed to your RSS feed too.

  12. Dominick

    What’s up to every one, as I am genuinely keen of reading this webpage’s post to be updated daily.

    It contains nice material.

  13. Aspen Green

    Hey very cool website!! Guy .. Beautiful .. Superb .. I’ll bookmark your website and take the feeds also?
    I am glad to seek out so many useful information here in the
    publish, we need work out extra techniques in this regard,
    thanks for sharing. . . . . .

  14. Linda

    I got this web site from my buddy who told me on the topic of this
    website and now this time I am browsing this website and reading very informative
    articles at this place.

  15. Laurinda

    Pretty part of content. I simply stumbled upon your blog and in accession capital to say that I acquire actually
    loved account your blog posts. Any way I will be subscribing in your feeds and
    even I achievement you get entry to constantly quickly.

  16. Dorothy

    Hi, after reading this awesome piece of writing i am also happy to share my know-how here with colleagues.

  17. Anya

    Hey! 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 recommendations?

  18. Blanca

    Pretty! This was an incredibly wonderful article. Thanks for
    providing this info.

  19. social anxiety disorder

    Appreciation to my father who stated to me concerning this web site, this webpage is genuinely remarkable.

  20. sleep disorders

    Hmm it appears like your site ate my first comment (it was extremely
    long) so I guess I’ll just sum it up what I
    had written and say, I’m thoroughly enjoying your blog.
    I too am an aspiring blog blogger but I’m still new to
    the whole thing. Do you have any tips for inexperienced blog writers?
    I’d definitely appreciate it.

  21. CBDistillery Gummies

    What’s Going down i’m new to this, I stumbled upon this
    I’ve discovered It positively useful and it has aided me out
    loads. I’m hoping to contribute & aid other users like its aided me.
    Good job.

  22. D15Online.Com

    It’s a pity you don’t have a donate button! I’d certainly donate to this outstanding
    blog! I suppose for now i’ll settle for bookmarking and
    adding your RSS feed to my Google account. I look forward to fresh updates and will talk about this blog with my Facebook group.

    Chat soon!

  23. www.couponpx.com

    I was suggested this blog by my cousin. I’m not sure whether this post is written by him as nobody else know such detailed
    about my problem. You’re amazing! Thanks!

  24. Sol CBD

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

  25. Rhea

    Wonderful article! That is the type of info that are supposed to be shared
    across the web. Disgrace on Google for now not positioning this publish upper!
    Come on over and consult with my site . Thanks =)

  26. best priced cbd oil for sale online

    Great site you’ve got here.. It’s difficult to find good quality writing like
    yours these days. I truly appreciate individuals
    like you! Take care!!

  27. Stewart

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

  28. Carlota

    Very good info. Lucky me I ran across your blog
    by accident (stumbleupon). I’ve bookmarked it for later!

Leave a Reply

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