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. how lose weight counting calories

    I like what you guys tend to be up too. This kind of clever work and reporting!
    Keep up the very good works guys I’ve you guys to my own blogroll.

  2. Ethan

    Thanks for some other informative website. The
    place else could I am getting that type of info written in such a perfect manner?

    I have a venture that I’m just now operating on, and I’ve
    been on the look out for such information.

  3. best weight loss pill

    Whats up very cool blog!! Man .. Beautiful .. Amazing ..
    I’ll bookmark your web site and take the feeds additionally?
    I am glad to seek out so many useful information here within the publish,
    we’d like develop extra strategies on this regard, thank
    you for sharing. . . . . .

  4. Kevin

    Pretty great post. I just stumbled upon your blog and wanted to mention that I have truly enjoyed browsing your weblog posts.
    In any case I will be subscribing to your feed and I hope you write once more soon!

  5. Victoria

    Good way of telling, and pleasant piece of writing to get facts about my presentation focus,
    which i am going to deliver in academy.

  6. weight loss pill before bed

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

  7. best weight loss pill available

    Hmm it seems like your blog 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 everything.
    Do you have any suggestions for first-time blog writers? I’d definitely appreciate it.

  8. www.apidoming.ru

    Because the admin of this web page is working, no doubt very quickly it will be renowned,
    due to its quality contents.

  9. weight loss pill at walmart

    I visited many blogs but the audio feature for audio
    songs current at this web page is actually marvelous.

  10. Catharine

    I’m not that much of a internet reader to be
    honest but your sites really nice, keep it up!
    I’ll go ahead and bookmark your site to come back later on. All the best

  11. Henry

    I get pleasure from, lead to I discovered just what I
    was having a look for. You have ended my 4 day long hunt!
    God Bless you man. Have a great day. Bye

  12. beatchops.com

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

  13. Reuben

    Hi! I know this is kinda off topic however I’d figured I’d
    ask. Would you be interested in exchanging links or maybe guest authoring a blog
    post or vice-versa? My website goes over a lot of the same subjects
    as yours and I believe we could greatly benefit from each other.
    If you happen to be interested feel free to shoot me an e-mail.
    I look forward to hearing from you! Fantastic blog by the way!

  14. Taj

    I just could not go away your web site before suggesting that I really
    enjoyed the usual information a person supply in your visitors?
    Is gonna be again steadily to investigate cross-check new posts

  15. Arlette

    Admiring the hard work you put into your blog and detailed information you present.
    It’s great to come across a blog every once in a
    while that isn’t the same unwanted rehashed material.
    Excellent read! I’ve bookmarked your site and I’m including your RSS feeds to my Google account.

  16. Ian

    Hi i am kavin, its my first time to commenting anywhere, when i read this piece of
    writing i thought i could also make comment due to this good
    piece of writing.

  17. Katharina

    Greetings! I know this is somewhat off topic but I was wondering if you knew where I could locate a
    captcha plugin for my comment form? I’m using the same blog platform
    as yours and I’m having difficulty finding one? Thanks
    a lot!

  18. Florentina

    Hello there! This is kind of off topic but I need some help from an established blog.
    Is it very difficult to set up your own blog?

    I’m not very techincal but I can figure things out pretty quick.
    I’m thinking about setting up my own but I’m not sure where to start.

    Do you have any points or suggestions? Cheers

  19. Shoshana

    That is really interesting, You are an overly professional blogger.
    I’ve joined your rss feed and stay up for in search of
    more of your magnificent post. Also, I’ve shared your site in my social networks

  20. Federico

    Marvelous, what a web site it is! This webpage gives valuable information to us,
    keep it up.

  21. http://ozsever.com.tr/

    I got this web page from my buddy who told
    me concerning this web site and at the moment this time I am visiting this web site and reading very informative posts
    here.

  22. Weight Loss Pill Brands

    We’re a group of volunteers and starting a new scheme in our community.

    Your website offered us with valuable info to work
    on. You have done an impressive job and our whole community will be grateful to you.

  23. http://ozsever.com.tr/

    Thank you for the good writeup. It in fact was a amusement
    account it. Look advanced to far added agreeable from you! However,
    how could we communicate?

  24. Jannie

    Hi friends, its enormous post on the topic of tutoringand completely defined, keep
    it up all the time.

  25. Nora

    I think everything posted was actually very reasonable.
    However, think about this, what if you added a little content?
    I mean, I don’t want to tell you how to run your website, but suppose you added a title that makes
    people want more? I mean Write in HTML: Basic HTML Concepts – Dryan Christoph
    Personal Website is kinda vanilla. You could look at Yahoo’s home page and note how they
    write article titles to grab people to click. You might add a related video or a related picture or two to get readers excited about everything’ve got to say.
    Just my opinion, it could bring your website a little bit more interesting.

  26. weight loss pill adipex

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

Leave a Reply

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