Pages Menu
Categories Menu

Posted by on Aug 22, 2012 in Guides / Tips, Internet |

HTML Course for beginners, part I

HTML Course for beginners, part I

If we are not web designers or programmers, you may not find immediately useful for HTML code. But in marketing, journalism, and other professions related to communication, knowing it is becoming a must. Although they are the most basic things, we increasingly need to know how to use it. And it is not complicated, appearances are deceiving. To facilitate the existence of these people who are just getting into the world of HTML, and you really do not need to be an expert to do what they have to do, we made this short on some deliveries where we dedicate some secrets of for beginners.

I think you start learning HTML can be addictive, and although at first only need to have a basic understanding, after having cravings we know more. If you feel interested in HTML, you have to understand that this is a rather outdated language, which has to be supplemented with other resources. So, one can resort to learning in the areas of CSS, Dreamweaver, Java, JQuery, and much more are also infinitely interesting. But, without more, start with this brief introduction to the fascinating world of HTML.

Meaning and origin of HTML

HTML is one of those acronyms that over time have almost entirely lost. If you ask many people what it really means HTML, because they would not know the exact answer us. HTML is Hyper Text Markup Language (or hypertext markup language) and not to be confused with a programming language. Rather, it is a way of organizing a semantic structure, whether web pages or applications, via sense marks. Sense marks are awarded for the labels, which will discuss in some lines.

Just as we have to thank the internet creating, also was Sir Tim Berners-Lee is responsible, in part, for the creation of HTML. In the ’80s, while working for CERN, physicist devised a hypertext language would facilitate sharing documents with colleagues. Although hypertext system had been developed some time before, was Berners-Lee who perfected and presented for use on the Internet. Along with Robert Cailliau, presented the proposal WorldWideWeb (W3). During the 90 other versions had arisen. Today, the pure and simple HTML language has been replaced by XHTML, fuller, and more recently by HTML5, which corresponds to the times.

Today we will be talking about the transitional language, XHTML, which is still implemented in the vast majority of web sites, but is slowly giving way to HTML5 and extensive benefits.

Labels

We said earlier that the HTML works through sense marks called tags. These tags are interpreted by the browser: this is how we see images, text, paragraphs, ultimately, structures, on a website, and not the simple code. So besides talking sense marks. No HTML, we would not have the chance to enjoy internet today. Basically, browsers like Chrome or Firefox are “translators” of HTML that digest all this code and turn it into something visible for us.

Tags sense marks … what are truly? Each tag has a name and contains within it-literally, as we shall see now-a particular meaning. The labels are written with the major and minor signs. So when we open an HTML document will see this:

<html>
<head>
<title>Title Here</title>
</head>
<body>

Of course this is a very rough start to HTML, but you get the idea. The tag <html> here is indicating the start of an HTML document, and this information is read by the browser. Furthermore, we label <head> , which deserves its own section because of the importance, and then <body> , containing all things that we as users can see on screen.

The tags work by parts, called opening tags and closing tags. Opening tags tell the browser where to begin to interpret something in a certain way, and tell you where closing finish. It is therefore essential to close all tags that open in a given document: although it looks good, we can bring long-term problems. Neatness never hurts.

As a markup language, HTML is therefore very easy to read. Anyone can learn HTML, does not require a genius, but just have some organization. In the second part of this course will discuss the basic structure of an HTML document, which is essential, in addition to the major labels and basic need to know. For the rest of this installment, we will work to understand other important data from HTML and ultimately why we need to know if we design or web programming.

Files in HTML

HTML documents can include files such as images and Flash animations that will be hosted on the same server, so the user can see them. But to be interpreted correctly, the nomenclature of these files have to be exact. It is something that is highly valued by the W3 Consortium -making body responsible for standards to be followed by designers-and that it is worth knowing.

HTML files and other files that we use on our website must be named in a particular way. There are a number of basic rules that we will share with you, serving as a starting point:

  • The file names must be in lower case, to be compatible in all browsers.
  • The main file is index.html, since it will be the first file that the browser will look when you enter on our server via IP address. You can not have the home file named differently, must be called index or yes.
  • Can not use invalid characters for file naming, for example, the letter ñ. You can only use the dash (-) and the underscore (_).
  • No matter if it’s an image or HTML file, all documents have to follow these rules to be interpreted properly by the browser.

For example, although we see Photo 22/08.jpg tempted to call a file, the correct nomenclature would photo_22-08.jpg.

Why learn HTML?

If we are not web designers, and for example we have a job related to communication, at some point we have encountered with HTML. It never hurts to learn, because it is a skill that can be appreciated in the workplace.

For community managers, is an excellent opportunity to play with since the tools we provide, for example Facebook, to create custom tabs on fanpages. You can create something basic and interesting with minimal knowledge of HTML thanks to iframes (which we’ll talk in another installment, but allow you to insert a web page into another).

For journalists and bloggers, know HTML allows us to play more with the platforms and give a different format to our texts. Furthermore, we can solve formatting problems that often arise in the most popular blogging platforms in the world (do not be afraid to go to HTML view to edit, gives us a clearer picture of what we are doing).

Understanding HTML is to understand the language in which it is handled internet. When we know its basics, is how to understand the first words when we are watching a movie in another language, a language they are studying.

Tags: , ,