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. java burn directions

    It’s truly a great and helpful piece of information. I’m happy that you
    shared this useful information with us. Please keep us informed like
    this. Thanks for sharing.

  2. Lois

    hey there and thank you for your information – I have definitely picked up anything new from right here.
    I did however expertise several technical points using this site,
    as I experienced to reload the web site a lot
    of times previous to I could get it to load correctly. I had been wondering if your hosting is
    OK? Not that I am complaining, but sluggish loading instances times will very frequently affect your
    placement in google and could damage your quality score if ads and marketing with Adwords.
    Well I’m adding this RSS to my e-mail and can look out for a lot more
    of your respective fascinating content. Ensure that you update this again soon.

  3. Gilda

    Valuable information. Fortunate me I found your site by chance, and I’m surprised
    why this twist of fate did not took place earlier!
    I bookmarked it.

  4. Jesse

    Thanks for your marvelous posting! I truly
    enjoyed reading it, you could be a great author.I will make
    certain to bookmark your blog and may come back down the road.
    I want to encourage continue your great work, have a nice day!

  5. Victor

    Hey very nice blog!

  6. Janelle

    This piece of writing gives clear idea in support of the new viewers of blogging,
    that genuinely how to do blogging.

  7. Randi

    Hmm is anyone else experiencing problems with the images on this blog
    loading? I’m trying to figure out if its a problem on my end or if it’s the blog.
    Any responses would be greatly appreciated.

  8. exipure fda approved

    Hey there, I think your blog might be having browser compatibility issues.
    When I look at your blog in Opera, 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, fantastic blog!

  9. Ethan

    Hello, after reading this remarkable paragraph i am too delighted
    to share my knowledge here with mates.

  10. java burn founder

    An impressive share! I have just forwarded this onto a friend who was conducting a
    little research on this. And he in fact bought me dinner because I stumbled
    upon it for him… lol. So let me reword this…. Thank YOU for the meal!!

    But yeah, thanks for spending time to talk about this matter
    here on your web page.

  11. Leah

    Great blog! Is your theme custom made or did you download
    it from somewhere? A theme like yours with a few simple tweeks would really make my blog
    shine. Please let me know where you got your theme. Appreciate
    it

  12. Myles

    whoah this weblog is magnificent i really like studying your articles.
    Keep up the good work! You know, many individuals are searching round
    for this info, you can help them greatly.

  13. java burn price

    Hi would you mind stating which blog platform you’re working with?
    I’m looking to start my own blog soon but I’m having a
    tough time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your layout seems different then most blogs and I’m looking for something
    completely unique. P.S Apologies for being off-topic but I had to ask!

  14. exipure bad reviews

    When someone writes an piece of writing he/she maintains the plan of a user in his/her brain that how a user
    can understand it. Thus that’s why this article is perfect.
    Thanks!

  15. Laurinda

    Pretty! This was an extremely wonderful post.

    Thanks for providing this information.

  16. java burn Coffee reviews

    An intriguing discussion is definitely worth comment. I do believe that you
    should write more about this subject matter, it may not be a taboo subject but
    usually folks don’t discuss such topics. To the next!

    Cheers!!

  17. Amanda

    Hi there! This post couldn’t be written any better! Reading through this post reminds me of my previous room
    mate! He always kept chatting about this. I will forward this post to
    him. Pretty sure he will have a good read.

    Many thanks for sharing!

  18. java burn ghana

    Asking questions are in fact nice thing if you are not understanding something fully, except this paragraph gives nice understanding yet.

  19. Rosa

    Keep this going please, great job!

  20. exipure does it really work

    Does your site have a contact page? I’m having problems locating it but, I’d like to send you an email.
    I’ve got some suggestions for your blog you might be interested in hearing.
    Either way, great blog and I look forward to seeing it improve
    over time.

  21. Luther

    each time i used to read smaller articles which as well clear their motive,
    and that is also happening with this paragraph which I am reading at this
    time.

  22. http://kusvitto.com/ads/fat-loss-with-fat-burners-36

    Howdy I am so glad I found your website,
    I really found you by mistake, while I was searching
    on Google for something else, Regardless I am
    here now and would just like to say many thanks for a
    marvelous post and a all round enjoyable blog (I also love the
    theme/design), I don’t have time to browse
    it all at the minute but I have book-marked it and also included your RSS feeds,
    so when I have time I will be back to read a lot more, Please do keep up the great
    b.

  23. Aaliyah

    I’m gone to say to my little brother, that he
    should also pay a quick visit this website on regular basis to
    get updated from hottest news.

  24. https://www.bomdiatibia.com/forum/profile/emerymccubbin50

    Hi there! This blog post couldn’t be written any better!
    Looking through this article reminds me of my previous roommate!
    He continually kept preaching about this. I
    am going to send this article to him. Fairly certain he will have a very good
    read. Many thanks for sharing!

  25. exipure side Effects

    Awesome! Its really remarkable article, I have got much clear idea regarding from this article.

  26. java burn Buy

    Great post. I will be going through some of these issues as well..

  27. Gary

    I don’t even know how I ended up here, but I thought this post was great.
    I don’t know who you are but definitely you’re going to a famous blogger if you are not already 😉
    Cheers!

  28. Archie

    Hello There. I discovered your weblog the usage of msn. That is a really
    smartly written article. I will be sure to bookmark it and come back to read more of your useful
    info. Thanks for the post. I will definitely return.

  29. critterfam.com

    Greate post. Keep posting such kind of info on your blog.
    Im really impressed by it.
    Hey there, You’ve performed an incredible
    job. I’ll definitely digg it and individually
    recommend to my friends. I’m sure they’ll be benefited from this website.

Leave a Reply

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