Who’s Afraid of HTML? – A Quick Lesson to Scare Away Your Fears

Who's Afraid of HTML?

If you’re online on a daily basis, or actually if you just live in the 21st century, you probably heard of HTML.

 

Let’s make it simple – HTML is a language that helps us write and design internet pages. It is THAT simple. An HTML code may look really complicated, but actually, if you know how to look at it, it’s really not that bad. I promise!
Scary? Just keep on reading!
If you’re a blogger or if you have any kind of internet page, a basic understanding of HTML can help you A LOT. So I prepared a short tutorial for you, to help you with your first steps.

 

 

Basic tutorial for HTML @ The Crafeteria

 

 

The basis for HTML is the tags. They look like this < >, and in between we write the commands. These tags mark a beginning and end of something. The opening tag is just written as is in between the angle brackets. The closing tag is written the same way, only with a forward slash ( / ) before the command itself. These tags design our page. Line breaks, links, images, text design – All of these are defined by tags. Anything you don’t write between tags will show up as text. 

A basic internet page will include these tags – html tag, to mark the beginning and end of the HTML document, head tag, that will be followed by a title tag, which is basically a tag for title, and a body tag – to mark the body of the document.

 

In most cases it will look like this:

 

<html> Beginning of the HTML document

 

<head> Our head section

 

<title>  Beginning of title

 

</title> See this forward slash? It means that this is the end of the title tag

 

</head>  Another slash! So this is the end of the head tag

 

<body> There’s the beginning of the body of our document

 

</body>  and the end of it

 

</html> And here’s the end of the HTML document

 

See? It’s not that complicated, is it? Once you understand this, it’s all a matter of playing with the different tags. Here are some examples for common tags: 

<br /> This is a line break tag (same as hitting ‘Enter’). This is a special tag, it has no end tag. It is written by itself and the slash will come after the ‘br’ and not before.>

 

<b> Bold text tag

 

</b> Don’t forget to close it with an end tag.

 

So if I want to write a bold sentence

 

I will write the next code:
So if I want to write a <b> bold sentence </b>...

 

In the same way, the ‘p’ tag marks the beginning and end of a paragraph.

 

<p>  Beginning
</p>  Ending

 

And what do we do when we want to define an attribute for a tag? For example, what if I want a part of a sentence to show up as a link? Simple as well! We’ll begin with < then the ‘command‘ then = , then (quotation marks), the link itself (don’t forget the http://), again, close with > , write the text for the link and an end tag. Sounds complicated? Not at all! Look how simple it is.

 

If I want to write:

Welcome to The Crafeteria!
I’ll write the code:
Welcome to <a href=”http://english.the-crafeteria.com>The Crafeteria</a>!

 

<a> is a tag for a link. ‘href’ is the attribute that tells us where to go. 

In the same way, if I want to add an image, I’ll use the ‘img’ tag and then ‘src’ to tell the little man sitting inside the computer where this image is located (it can be a Picasa account, a Flickr one etc.)

 

See this image?

 

 

The Crafeteria

 

 

Here’s the code for it (‘img’ tag has no end tag):

 

 

<img src=”http://3.bp.blogspot.com/-fXLw-u3LzNk/UH3Oh2YXMqI/AAAAAAAAAv8/_N3skWRTKpU/s320/hebrew.jpg” />

 

Everything you see between the quotation marks just defines where the image is located.

 

If you want to learn more about HTML, a great place to start is w3schools. You can find there all the tags and lots of simple explanations.
This, in a nutshell, is HTML. Of course there’s a lot more than that to it, but I hope this will help you next time you’ll see a long and scary code. If you have any question about HTML or if you want to learn more, talk to me (either leave me a comment below or email me)!

 

Share small business news, blogs and social media tips with Project Eve’s community of small business owners and entrepreneurs today. Our contributors come from a wide range of backgrounds; so whether you are a small business owner, social media strategist, financial adviser, serial entrepreneur, or write an amateur blog we urge you to contribute a blog to our 500,000+ community today. For more information, please refer to our Content Submissions Guidelines.

Add a Blog

37 COMMENTS

  1. Please let me know if you’re looking for a article author for your weblog. You have some really great articles and I feel I would be a good asset. If you ever want to take some of the load off, I’d absolutely love to write some articles for your blog in exchange for a link back to mine. Please blast me an e-mail if interested. Cheers!

  2. We are a gaggle of volunteers and starting a new scheme in our community. Your website offered us with valuable info to work on. You’ve done an impressive job and our entire group will likely be thankful to you.

  3. Thank you for the good writeup. It in fact was once a leisure account it. Glance advanced to far added agreeable from you! However, how could we keep up a correspondence?

  4. Wow, marvelous weblog structure! How long have you been blogging for? you made blogging glance easy. The whole glance of your website is fantastic, as neatly as the content material!

  5. Excellent goods from you, man. I’ve take note your stuff prior to and you are just too great. I actually like what you have received here, really like what you are saying and the way during which you assert it. You make it enjoyable and you continue to take care of to keep it wise. I can’t wait to learn far more from you. This is really a great web site.

  6. There are some fascinating time limits in this article but I don’t know if I see all of them heart to heart. There’s some validity but I will take maintain opinion till I look into it further. Good article , thanks and we would like extra! Added to FeedBurner as well

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

  8. A formidable share, I simply given this onto a colleague who was doing a little evaluation on this. And he in reality purchased me breakfast because I found it for him.. smile. So let me reword that: Thnx for the treat! But yeah Thnkx for spending the time to discuss this, I really feel strongly about it and love studying extra on this topic. If attainable, as you become expertise, would you mind updating your weblog with more particulars? It’s highly useful for me. Big thumb up for this blog post!

  9. An interesting dialogue is value comment. I feel that it is best to write more on this matter, it might not be a taboo subject but usually individuals are not enough to talk on such topics. To the next. Cheers

  10. Admiring the dedication you put into your blog and in depth information you provide. It’s great to come across a blog every once in a while that isn’t the same unwanted rehashed information. Fantastic read! I’ve bookmarked your site and I’m adding your RSS feeds to my Google account.

  11. Hello there! I know this is kind of off topic but I was wondering which blog platform are you using for this site? I’m getting sick and tired of WordPress because I’ve had issues with hackers and I’m looking at options for another platform. I would be awesome if you could point me in the direction of a good platform.

  12. There are some fascinating deadlines in this article however I don’t know if I see all of them middle to heart. There’s some validity but I will take maintain opinion till I look into it further. Good article , thanks and we would like extra! Added to FeedBurner as nicely

  13. I was just looking for this information for some time. After 6 hours of continuous Googleing, at last I got it in your site. I wonder what’s the lack of Google strategy that do not rank this kind of informative websites in top of the list. Generally the top sites are full of garbage.

  14. Its like you read my mind! You seem to know so much about this, like you wrote the book in it or something. I think that you could do with a few pics to drive the message home a little bit, but other than that, this is magnificent blog. An excellent read. I will definitely be back.

  15. Excellent goods from you, man. I’ve understand your stuff previous to and you are just too fantastic. I really like what you have acquired here, really like what you are stating and the way in which you say it. You make it entertaining and you still take care of to keep it smart. I cant wait to read far more from you. This is really a wonderful website.

  16. I think this is among the most vital info for me. And i’m glad reading your article. But want to remark on few general things, The site style is perfect, the articles is really great : D. Good job, cheers

  17. I loved as much as you’ll receive carried out right here. The sketch is tasteful, your authored material stylish. nonetheless, you command get got an impatience over that you wish be delivering the following. unwell unquestionably come more formerly again as exactly the same nearly a lot often inside case you shield this increase.

  18. Excellent blog here! Also your website 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

  19. Hey very cool website!! Man .. Beautiful .. Amazing .. I’ll bookmark your web site and take the feeds also…I’m happy to find a lot of useful info here in the post, we need work out more techniques in this regard, thanks for sharing. . . . . .

  20. 21132 809611Ive read several good stuff here. Surely value bookmarking for revisiting. I surprise how a lot effort you put to create 1 of these outstanding informative site. 15445

LEAVE A REPLY

Please enter your comment!
Please enter your name here