Hi stemers, today I want to share some of my knowledge in the area of ​​software development. As I described in my first post . I am a programmer and I would like to share my knowledge with you. This is going to make one of many explanatory posts so that little by little they can have the ability to create a simple web.

** Let's start with the basics! **

We have to be clear of where we are getting in order to have a solid base at the time of starting to develop any website. So we will clarify some basic terms.

Web development:
Web development is a term that defines the creation of websites for the Internet or an intranet. To achieve this, we use server-side and client-side software technologies that involve a combination of database processes with the use of a web browser in order to perform certain tasks or display information.
source

Web navigator
A web browser (in English, web browser) is a software, application or program that allows access to the Web, interpreting the information of different types of files and websites so that they can be viewed.
source

** HTML: **
HyperText Markup Language stands for the markup language for the development of web pages. It is a standard that serves as a reference for the software that connects with the development of web pages in its different versions, defines a basic structure and a code (called HTML code) for the definition of content of a web page, such as text, images, videos , games, among others. It is a standard in charge of the World Wide Web Consortium (W3C) or WWW Consortium, an organization dedicated to the standardization of almost all technologies linked to the web, especially in relation to its writing and interpretation. It is considered the most important web language being its invention crucial in the appearance, development and expansion of the World Wide Web (WWW). It is the standard that has been imposed on the display of web pages and is the one that all current browsers have adopted.
source

programming language:
A programming language is a formal language that specifies a series of instructions for a computer to produce various kinds of data. Programming languages ​​can be used to create programs that implement specific algorithms that control the physical and logical behavior of a computer.
source

! Having already obtained this knowledge it is time to get down to work.

for today we will investigate with respect to HTML. Since it is the way to present our website, I personally would say that it is the most important part of a website. since he is in charge of shaping the content we want to show.

to start we will only need to open a web browser and a blog of notes in our pc.
I recommend using firefox ( download link for win 32bit )

we will create our first .html file to display a text in our browser using the basic tags of this language.

NOTE 1: labels are the "commands" that browser programs read and interpret to assemble and shape web pages.

** Step 1: **

create a file called index.html on your desktop

** Step 2: **

Open it with the notebook.

** Step 3: **

Copy and paste this content.

< html>
       < head>
< title> Practice # 1 </ title>
       </ head>
       < body>
            !HELLO WORLD
            ! My first HTML sheet!
       < / body>
</ html>

remove the spaces that are between <and the label. (** I did it because it does not let you put the label well **).

** Step 4: **

save your index.html file

** Step 5: **

right click on your index.html file and choose "open with"
then choose the browser of your choice.

Ready, !!! Magic!

we already have our first sight. hehehe, I know you're thinking. ! but how simple! quiet that is just the beginning.

come and I'll explain.

what we have done is simply to put some commands that at the time of execution your browser interpreted.

html: indicates the root of an HTML or XHTML document. All other elements must be descendants of this element.
head: indicates a collection of metadata about the document, including links to, or definitions of, scripts and style sheets. contains the tags as tittle.
tittle: Indicates the title of the document.
body: indicates the main content of an HTML document. There is only one < body> element in a document, inside this we place the text that is displayed in our browser.

I hope you like this post, and put that example into practice, for my next post I will be going deeper into the use of more complex labels, in addition we will see that the labels also have attributes and I will tell you about the programming IDEs.

I am attentive to your suggestions and concerns. I will answer all your comments dear community #steemit.

Finally, I would like you to watch this video. which is very motivating for those people who have the curiosity to learn to program and that is why I title this post in the same way that the video is titled.

source