Basic Programming and how we can use HTML

You know programming right? Even if you never knew it, today I will tell you what programming is and what languages are used, and also see I will tell you how to use HTML. After you've finished reading, you'll yell, "I'm a programmer," so let's get started.

Programming is simply writing lines of commands and instructions to carry out a specific command or task, and a set of tasks and commands creates a program to do a job to facilitate the time and effort to do it.

The most important question that many beginners ask: What is the most appropriate programming language to start learning?!

Let's answer this question, and before we talk about the (body) of a programming language; We have to clarify something very important about the (spirit) of a programming language! Namely, algorithms.

An algorithm is simply nothing more than steps to accomplish a task! For example, you follow a certain pattern every day to go to school, or work, and certain steps to make a jam or peanut butter sandwich!

Algorithms are not only limited to programming, but are used in many other fields, such as mathematics, physics, medicine, and so on.

We can say that algorithms are the language of the mind, while programming is the language of the computer!

Algorithms are written on paper, and there are no spelling restrictions imposed on you as you type. You can draw the problem, meditate on the steps, and when you reach the solution you write it on the computer in a specific programming language.

There are algorithms to find the smallest number among a set of numbers, mathematical algorithms for multiplying matrices, and algorithms for finding a human face in an image!

Google Hangouts can connect you with another person with audio and video, very quickly by using algorithms known as Audio and Video Compression Algorithms.

And Google Maps can give you a detailed route to a store, or coffee shop, using algorithms known as Route Finding Algorithms.

You can get loads of books and videos to enjoy the world of algorithms, without being familiar with any programming language! The purpose of programming is to convert the algorithm into a language that the computer can understand.

The first programming language that we advise beginners to learn, is JavaScript. Starting from this language, you will be able to draw and design games as well, and this is an exciting and strong motivation to launch and delve deeper into the world of programming. When you learn your first language, you will have jumped a great distance, and it will be easier for you to learn other languages such as C++, Java, or Python, because the same basics control every language around the world, and the difference lies in the way the commands are formulated only.

Learning to code takes time and patience, just like all other fields. The most important factor of excellence is the love of creativity and thinking especially.

I want you to imagine with me how many programs or steps your computer or phone has implemented until you read these lines now... This is the world of programming, my friend.

They often ask on social networking sites or other sites about the topic (How do I become a programmer?).

It is very simple. Do not think that programming is very difficult and I cannot be a programmer because it is very difficult. Programming is not very easy. Only if you love it and love what you are doing. Know that there is nothing difficult, but you must always read and study in the field you choose in programming and make the book your first guide in Learning and then the courses on other sites.

These are some of the steps that you must follow to become a professional programmer:

Start with an easy programming language like python or vb.net to learn programming basics and understand coding.

Decide in which field you would like to work in programming, for example:

Desktop application programmer.
Website programmer.
Android or iOS Application Developer.

There are other areas related to networks, information security, and others.

Select the appropriate programming language to work in the field you have chosen.

Look and see tips from programmers who have extensive experience in your chosen field.

Do not stop asking or trying to solve the many problems that you will face in the future and trust what you are doing.

Do not learn more than one language at the same time. Learn the language that specializes in your field and become a professional. When you feel that you have mastered its basics and can program in it without problems, move to another language.

You must understand the code, not memorize it.

Repeat and rewrite the code more than once to practice the code.

What about HTML? What is it? and How can we use it?

HTML is a mark-up language for creating web pages and web applications and stands for Hypertext Mark-up Language.

Web browsers receive HTML documents from a web server or file system and display them, and the function of HTML is to structurally describe the structure of web pages.

Elements in HTML are the basic building blocks of HTML documents, with which we can add images and interactive objects such as forms or video and audio files; You can also create structured documents by using tags to denote paragraphs, headings, links, quotes, tables, and more.

How do I start? Where do I start? Perhaps these questions are the most popular if we talk about the importance of learning HTML.

What do you need to get started?

Everything you need to get started you will find it easily, the only thing that is difficult to find is passion, if you are passionate about learning HTML and entering the world of web design and programming from it, all you have to do is follow the following steps.

HTML editor:

Of course, you will need an editor to write HTML codes and apply what you have learned, and there are many programs used for this purpose, the most famous and best of them are:

Notepad++ is a classic and widely known editor because it has always been associated with the Windows operating system.

2. Internet surfer:

Since you are reading this article, of course, you are using an internet browser. Many browsers do the job, and the best and most used are Google Chrome, Mozilla Firefox, Opera, and Safari.

With this, you have got everything you need to start the path of learning professional HTML, it remains for us to review the best resources that you learn from.

HTML describes the structure of a Web page and consists of a series of elements

elements tell the browser how to display the content.

Its elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

Any HTML page must start with the <html> tag and end with < /html>, and all other tags and codes should be between them.

Within these two tags, the page is divided into two main sections:

Page Head: Head and Page Body: Body

And its tags are like this:

Let's see an example:

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>The First Heading</h1>

<p>The first paragraph</p>

</body>

</html>

HTML code and its usage:

The <B> tag: It makes the font thick

The <i> tag: makes the font italic

The <u> tag: This tag makes the word underlined

If we want to write a word and add to it the previous tags, all of them are written like this <b><i><u>TEST</u></i></b>

<blockquote> tag: This tag is used to indent text or make a quotation box

<small> tag: to make the font size small

<Big> tag: To make writing in large font

The <s> tag: This is to make the word crossed out

<br> tag: to start a new line

The <nobr> tag: to make the whole sentence in one line

The <sup> tag: This makes the word a little higher off the line

The <sub> tag: makes the line a little lower than the line (the difference between the first and the second is a letter P and B)

<TT> tag: This tag makes writing like a typewriter

There is no difference between writing tags in uppercase or lowercase (HTML is not case sensitive).

An HTML element is defined by a start tag, some content, and an end tag:

<tagname> Content goes here... </tagname>

The HTML element is everything from the start tag to the end tag:

<h1> The first address </ h1>

<p>The first paragraph </ p>

start tag content element end tag

<h1> The first address </ h1>

<p>The first paragraph </ p>

nothing nothing

Note: Some HTML elements have no content (such as the <br> element). These elements are called empty elements. Empty items have no end tag!

Note: The content inside the <body> section (the white area above) will be displayed in the browser. The content inside the <title> element will appear in the browser's address bar or pages tab.

First open Notepad (PC):

Open the Start screen (the window icon at the bottom left of the screen). Type notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

Second write the following HTML code or copy it to Notepad

<html>

<body>

<h1> The first address </ h1>

<p>The first paragraph </ p>

</body>

</html>

Third, save the HTML page

Save the file to your computer. Select File > Save As in the Notepad menu.

Name the file "index.htm" and set the encoding to UTF-8 (the preferred encoding for HTML files).

Tip: You can use .htm or .html as a file extension. There is no difference, it is up to you.

Fourth and last display the HTML page in your browser

Open the saved HTML file in your favorite browser (right-click - and select "Open With").

The result will look like this:

HTML titles:

They are defined with <h1> to <h6> tags.

<h1> defines the most important address. <h6> defines the least significant address:

<h1> This is Heading 1 </h1>

<h2> This is Address 2 </h2>

<h3> This is Heading 3 </h3>

HTML Paragraphs:

They are defined with a <p> tag:

<p>A paragraph </p>

<p> Another paragraph</p>

HTML links:

They are defined with the <a> tag

HTML images:

They are defined with an <img> tag.

The source file (src), alt text (alt), width and height are provided as attributes:

Easy Right!!