by FuZyOn » 08 Dec 2016, 08:51
Web development is an interesting career choice and also a very versatile one, you have so many options to choose from regarding languages and it can get a little confusing. I'm going to explain the most basic thing you need to know as a web developer: HTML.
HTML stands for
HyperText Markup Language and it is the standard markup language for creating web pages and applications. Created 23 years ago, in 1993, HTML has been the root for all websites that have been created ever since. Browsers interpret the language's documents element by element and renders them into multimedia web pages.
In itself, HTML is nothing more than a way of structuring your site. The skeleton of it, if you may.
HTML elements are the building blocks of HTML pages: paragraphs, navs, images, headers etc. You can think of such a document as a human's body, after all the two main tags in an HTML file are
head and
body.
The
head tag contains links to the stylesheets, meta tags and a whole bunch of things you'll get familiar with once you're going to be working with the language. It's important to note that nothing the browser renders can be found in the head tag (headers, paragraphs, images etc.) except for the title.
The
body tag is the barebones of the page, containing everything the browser renders. A common HTML file looks like this:
Which will output:
Looking at this, we can understand that the
h1 or
header tag is nothing more than the title of your page. Of course, you can use it for any purpose you want but its semantic value is that of a heading title. It also has many sizes, ranging from 1 - 6 (h1 - h6).
The
p or
paragraph tag is what you can semantically use to define lines of text in HTML. You can add text without it, but once we're going to move on to CSS you'll understand the importance of these tags, but without the
p element doesn't modify the text in any way.
The
a or
link element is simply just a link, like
this. It does the exact same thing you might be thinking: sends you to an external address once you click on it. You might've noticed the difference between a link and the normal text from the blue color and underline.
Now, you might be thinking: Why didn't "this is a comment in the code" appear? Well, that's because the
<!--- --> "element" is exactly a comment in the code. It doesn't influence the page in any way and is only visible in the HTML file. Programmers commonly use it as a way of documenting their code and for future references
Hopefully this gave you a glimpse inside the beautiful world of web development, HTML is the first step you should take on this path. I tried to be as concise as possible, the language is extremely straight-forward once you start exploring it, so if it was confusing right now then don't be discouraged.
I will create a CSS introductory article as well, will link it here once it's done.
Web development is an interesting career choice and also a very versatile one, you have so many options to choose from regarding languages and it can get a little confusing. I'm going to explain the most basic thing you need to know as a web developer: HTML.
[center][img]https://d3rj1gznkm47xj.cloudfront.net/6c91737b-715e-4c59-aad0-b947bb097907.png[/img][/center]
HTML stands for [b]HyperText Markup Language[/b] and it is the standard markup language for creating web pages and applications. Created 23 years ago, in 1993, HTML has been the root for all websites that have been created ever since. Browsers interpret the language's documents element by element and renders them into multimedia web pages.
In itself, HTML is nothing more than a way of structuring your site. The skeleton of it, if you may. [b]HTML elements[/b] are the building blocks of HTML pages: paragraphs, navs, images, headers etc. You can think of such a document as a human's body, after all the two main tags in an HTML file are [b]head[/b] and [b]body[/b].
The [b]head[/b] tag contains links to the stylesheets, meta tags and a whole bunch of things you'll get familiar with once you're going to be working with the language. It's important to note that nothing the browser renders can be found in the head tag (headers, paragraphs, images etc.) except for the title.
The [b]body[/b] tag is the barebones of the page, containing everything the browser renders. A common HTML file looks like this:
[center][img]http://s.hswstatic.com/gif/html5-2.jpg[/img][/center]
Which will output:
[center][img]http://i.imgur.com/cEWwBOq.png[/img][/center]
Looking at this, we can understand that the [b]h1[/b] or [b]header[/b] tag is nothing more than the title of your page. Of course, you can use it for any purpose you want but its semantic value is that of a heading title. It also has many sizes, ranging from 1 - 6 (h1 - h6).
The [b]p[/b] or [b]paragraph[/b] tag is what you can semantically use to define lines of text in HTML. You can add text without it, but once we're going to move on to CSS you'll understand the importance of these tags, but without the [b]p[/b] element doesn't modify the text in any way.
The [b]a[/b] or [b]link[/b] element is simply just a link, like [url=http://www.forumcoin.com]this[/url]. It does the exact same thing you might be thinking: sends you to an external address once you click on it. You might've noticed the difference between a link and the normal text from the blue color and underline.
Now, you might be thinking: Why didn't "this is a comment in the code" appear? Well, that's because the [b]<!--- -->[/b] "element" is exactly a comment in the code. It doesn't influence the page in any way and is only visible in the HTML file. Programmers commonly use it as a way of documenting their code and for future references
Hopefully this gave you a glimpse inside the beautiful world of web development, HTML is the first step you should take on this path. I tried to be as concise as possible, the language is extremely straight-forward once you start exploring it, so if it was confusing right now then don't be discouraged.
I will create a CSS introductory article as well, will link it here once it's done.
