HTML

Definition and History of HTML

For those of you who ask, what is HTML? You certainly know the term when using the internet. HTML has a very important function on a website. This HTML can make it easier for users or users to make paragraphs, links, links, headings, and block pages on the website pages or sites that have been made.

What Is HTML and Its Functions?

HTML is Hypertext Markup Language. HTML is a markup language that is easy for users to understand. HTML can facilitate novice users or developers in formatting, compiling, and organizing documents online using the Microsoft Word program.

HTML functions to make it easier for users when managing or managing data in the form of documents on a website. So as to produce documents that are interesting and easy to read by all internet users around the world. HTML has the advantage of the language used. The markup language for HTML has many sources and is broad and consistent.

html in notepad

HTML can be run naturally on every website. HTML also has an easier learning curve and open source that can be run for free. In addition, HTML also has official website standards by the World Wide Web Consortium on maintaining. And easy to integrate with PHP, Node.js, and even the backend language.

HTML has features that cannot be used logically. So that web pages must be separated even though they have the same elements. When executing, the browser can also sometimes be unpredictable. So the browser cannot render newer. However, you can still use HTML as needed.

HTML History

HTML was created by a physicist with the Berners Lee team at the CERN research institute in Switzerland. The team has an idea about a hypertext system that uses an internet base. Tim Berners Lee released the first HTML version in 1991. In that version, there were 18 HTML tags. Hypertext refers to text that has references or links for other text so that it can be accessed by users.

Since 1991, every HTML released the latest version, always equipped with the latest attributes and tags. There are currently 140 HTML tags based on the HTML Element Reference owned by the Mozilla Developer Network. Because of the popularity and advancement in technology, HTML continues to grow and increase. HTML is considered a standard website that is already official.

HTML was developed by W3C with a major upgrade in 2014. The result is an introduction to HTML 5 with new semantics so that it can tell the meaning of its own HTML content. The existence of a web browser aims to facilitate users when opening HTML-formatted documents.

Development of HTML Code from Beginning to Now
The following is a history of the development of HTML code starting from the initial version until now.

1. HTML Version 1.0
Starting in version 1.0. Version 1.0 is a pioneer with many weaknesses, so the appearance is still simple. HTML version 1.0 has the ability to make paragraphs, headings, lists, hypertext, and bold or italic text. Version 1.0 can also support placing images or images on documents without wrapping.

2. HTML Version 2.0
HTML version 2.0 has the additional feature of better HTML quality. Version 2.0 has the ability to display data or forms in documents and enter addresses, names, and suggestions or criticisms. HTML version 2.0 is a pioneer for interactive web.

3. HTML Version 3.0
Version 3.0 has additional features with a new facility, namely figure. The figure is the development of an image that functions to put pictures and tables. HTML version 3.0 can also support the existence of mathematical formulas in documents. Version 3.0 is now replaced with version 3.2.

4. HTML Version 3.2
Version 3.2 is the most commonly used HTML. This version has the technology to put text around the image. So the image has a background, frame, style, table, and so on. Version 3.2 can also use scripts to support HTML performance.

5. HTML Version 4.0
HTML version 4.0 underwent many changes from the previous version. These changes to the HTML command that is image, table, text, link, form, and so on.

6. HTML Version 4.01
There is also version 4.01, which is an improvement from version 4.0. This version becomes the standard for elements or attributes in HTML. Because it has fixed an error in the previous version.

7. HTML Version 5.0
HTML version 5 is a procedure for making the latest web display by combining CSS, HTML, and JavaScript. This version was made from information that W3C and IETF made the latest HTML version.

html version 5.0

 

The development of HTML is quite significant. In fact, W3C continues to grow and release the latest HTML versions and updates. HTML version 5.0 is the best version with more complete features. HTML 5 has a powerful feature that is support for embed video and audio. So you can use video or audio files to the desired website page.

This feature also supports vector graphics with scales and MathML for mathematical formulas or others. HTML 5 introduces improvements to the semantic domain of the browser so that content can be seen and read by other users as well as for yourself. With the history and development of HTML, you must have understood what HTML is, right?

Conclusion

If explained in general, HTML is a mark up that is used to create and arrange documents in Microsoft Word programs. HTML has two types, block-level, and inline tags. A block-level element is an element that uses all the available space and creates a new line in the document. Examples of these elements are paragraphs and headings.

In the block-level element, there are three tags that must be owned by each document. The three tags are HTML, Head, and Body. HTML tags are elements that include HTML in documents. The Head Tag functions to store information such as the document title, while the Body tag functions to attach content in the document.

While inline elements are elements that only use space according to their needs, and do not make a new line in the document. This element will format all contents, such as links. Inline tags are used to format text, whether it’s for bold, italic, or bottom gars.

Some elements included in the inline element are hyperlinks. The hyperlink is an element that requires tags and attributes for a link. Images or images are elegem inline that can be added to documents. With these images, the appearance of the document is more interesting to read.

You can also learn HTML and get to know how it works. HTML documents are files that have HTML. This file can be viewed using a web browser. From the web, it will read HTML files so that the existing content can be read by users.

Every website has a different HTML page. Each HTML consists of tags or elements that refer to the building block website page. These elements or tags can create and arrange content so that it forms paragraphs, headings, and other content.

With advances in increasingly sophisticated technology, you can also manage your website or blog easily using cheap Vwords.com VPS. Qwords.com provides a maximum uptime of up to 99.9% by using a precise and accurate server configuration. Qwords.com is also supported by networks, multiple peering, and multiple upstream tier 1 providers that can further optimize data access on your website.

How? Are you interested in going deeper into what HTML is after reading this article?

PHP Featured Image

Getting to know PHP, a fairly complex programming language

Coding is one of the things that can be very confusing, complex, and inseparable parts of technology or an operating system. Besides HTML, there is PHP as one of the best. What is PHP, and what is the function of PHP?

Get to know the PHP Programming Language

Hypertext Preprocessor or PHP is a programming language used on dynamic systems or websites. PHP scripts will work by being processed by the Web Server before functioning to display the website’s appearance as its job.

PHP scripts are also often integrated or pasted with HTML, which starts with <? Php and ends with?>. PHP can be found in databases such as MySQL or Oracle and Microsoft Access. That’s a little understanding of what PHP is.

A Short History of PHP

PHP is also called the Server Side Script language because the process passes the Server computer first. PHP was developed by Rasmus Lerdorf in 1995, which is now managed by The PHP Group.

PHP function

Then to function, PHP based programming languages ​​can be used to make configuration even easier. And make it easier for Coding to compose complex structures. And easily combined with HTML.

PHP

PHP itself is also one of the programming languages ​​that is Open Source or compatible and is free for various operating systems. Unfortunately, encoding from PHP code is relatively expensive and requires certain tools.

Types of PHP

PHP programming language that has been widely used by various websites in this era is also divided into several types of data types as follows:

  1. Integer: Namely PHP data types in the form of integers that are often used in PHP programming related to integers.
  2. Float: Namely, data types in the form of comma (,) numbers, but in programming, they do not use commas but points (.).
  3. String: Namely, data types in the form of characters, or can be text or words.
  4. Boolean: Namely, data types that can be True or False, which are usually used for logic, for example, if or looping conditions.
  5. Array: That is a collection of data types in which have many values. So that it can be said Array is a data type that consists of a collection of data types as well.
  6. Object: Namely, data types that can be numbers, functions, or variables that are used so that programmers are accustomed to Object-Oriented Programming (OOP). With this, the data inputted or entered into the script program can be summarized.

PHP, of course, can be used to set the Algorithm on the site design or website that we Build. PHP is a programming language that is very reliable at this time.

What is Desktop Programming?

For those of you, IT students majoring in Software Engineering will definitely learn about this one material, namely desktop-based visual programming. Desktop-based Visual Programming is a programming that is done by manipulating visual elements performed on a computer whose operation does not depend on other PCs on the network or the web. Examples of visual programming software are:

  • Visual Basic: Visual Basic is a desktop-based visual programming
  • Visual Net: Visual Net is a web-based visual programming.

Explain the Idea of ​​Programming Language Applications
IDE or Integrated Development Environment can be said to be part of the application that provides new facilities for programmers in conducting Software Engineering.

 IDE consists of:

  • Debugger
  • Interpreter Tool
  • Source Code Editor
  • Compiler

1. Regarding Visual Basic
Visual Basic or VB is a high-level programming language and is a developer of the Basic version. Basic stands for Beginners Allpurpose Symbolic Instruction Code. Basic is a programming language supporting the concept of object-oriented or OOP (Object Oriented Programming).

IDE

2. IDE In Visual Basic
The IDE contained in VB is a very practical and complete IDE. One of the features in IDE VB is a practical display with GUI (Graphical User Interface) design

IDE parts have their respective functions, namely:

  • The Project Explorer window contains a list of all modules that are in the application that was built. The modules have been arranged by type or can be alphabetically by clicking the rightmost icon in the project window.
  • The Toolbox window contains objects that can be placed on the form.
  • The Code window is used for writing program code that will regulate the behavior of objects in the application.
  • Form Designer Window / Form Window is a place to design the interface of the application made.
  • The Properties window contains a description of the active object.
  • The Color Pallete window is used to determine the color of the object.
  • The Form Layout window shows how to place a form that will be displayed when running.
  • Windows Watch is used to monitor the value of a variable both local and global.
  • An immediate window which is usually used in conjunction with the Watch window that can function to see the program display during the debugging process.
  • The Object Browser window is used to browse external libraries. Through this window, we can learn objects and their attributes, events, and methods.
  • The Local window will be active only when the program is run. This window contains the values ​​of a number of local variables in a procedure or module.

Desktop programming is divided into three, namely. Net, Java, and Delphi. Programming language. Net is Visual Basic (VB), C ++, and C sharp. While web programming is also divided into three, namely PHP, ASP, and HTML. And for the mobile programming used is J2ME.

Each programming certainly has advantages and disadvantages of each. The advantage of desktop programming is that when you run it, you don’t need to be online, while the drawback is that you have to install the program or take up hard disk space. For web programming, the advantage is that we do not need to install a program (just browse on the internet) to make it, but the drawback is that we are required to be online. As for mobile programming, the advantages are practical (can be run anywhere) while the disadvantages are having a small appearance and incomplete features.

1. NET

NET is a programming language that has a large and complex scope. The net was developed by Microsoft as a system that functions as a software application developer. NET Framework is designed by Microsoft with related development languages-especially C # and Visual Basic-to overcome various problems experienced by Windows software developers and users. The advantage of the Net itself is that it can provide the possibility for us to create windows based applications that are launched through Internet Explorer so that we can utilize the rich window component for web applications.

A net programming language that is divided into:

  • C ++
  • Visual Basic (VB)
  • C sharp (C #):

Microsoft Visual Basic NET is a tool for developing and building applications that move on top of the system. Net Framework, using basic language. Microsoft Visual Basic (VB) is a programming language that is equipped with an IDE (Integrated Development Environment) for Microsoft SO-based programs.

C ++ was developed at Bell Labs (Bjarne Stroustrup) in the early 1970s. C ++ is a programming language that has OOP properties.
While C sharp, a modern object-oriented programming language, can be useful in making programs over Microsoft’s architecture, the Net Framework.

 2. JAVA

JAVA logo

Java ’is a programming language that can be run on various computers, including smartphones. Java was developed by Sun Microsystems, published in 1995. The features contained in Java are the Java virtual machine (JVM), Garbage Collection, Code Security. The advantages of this Java are multiplatform, complete class library, C ++ style, automatic garbage collection. But the disadvantage of Java is that it’s written down, fix it anywhere, it’s easy to decompile, so much memory usage.

3. DELPHI

DELPHI is a software that is useful for creating programs/applications based on Windows computers. The object-based programming language, meaning that all the components that exist are objects.

The characteristics of an object are consist of a name, property, and method/procedure. The components are not only in the form of text, but also appear as pictures. The advantage of DELPHI is that the large user community on the USENET and the web, can be compiled into a single executable, simplifying distribution and minimizing issues related to versioning, and the amount of support from third parties for VCL (usually available with the source code) or other supporting tools (documentation, debugging tools), compiler optimization which is quite fast, supports multiple platforms from the same source code.

However, the drawback of DELPHI is that it is a partial single vendor lock-in (Borland can set language standards, compatibility must follow it), has limited ability to portability between OS platforms (before kylix), access to platforms and third-party libraries requires files header files that are translated into Pascal language, documentation on the platform and accompanying techniques that are very difficult to find in Pascal languages ​​(for example COM and Win32 access).

Build a Passion to Become a Programmer

I have never swear so often in my entire life. I looked at the computer screen for hours, trying to fix a bug in my application. The source of the problem seemed to avoid me, pushed me into a cycle of anxiety, self-loathing, and venting anger at the keyboard.

The cause is one typo in a file name.

There was also a time when I felt proud. Like when I wrote my first script and ran it successfully. Or when I enter my first application on the server, it says “hello world.” Or when I first write a crawler to fill a database. I feel like God ordered the minions in code to carry out my orders.

Programming is an opiate that makes me come back again despite the bitterness of the first experience that I got. And that sums up my experience of two years of learning to code.

We laugh at the engineers

Like most wannabe technologists, I was fascinated by the shining world of Silicon Valley and the expertise that geeks have. In fact, I was the type of person who didn’t really attach great importance to engineers. I attended a technical university but majored in communication dominated by women. We underestimate engineers because they have no sense of fashion or social ability, feel awkward when in the midst of women, and have poor grammar. Someone once said that I looked like an engineer – and I felt ashamed.

a programmer

Of course, this sounds stupid now. However, at that time, I was in college and had not seen what the real world was like. “Silicon Valley” means nothing but a place far away.

But one thing about me that you don’t know – I was the president of the IT club in middle school. I learned HTML and flash, spent my free time playing Sim City 3000, and created a website about the game. I always have a geek side in me.

It didn’t take long for me to embrace that side again. The film The Social Network was released in the last year of my university. After graduating, I joined the young Singapore startup scene as a technology journalist.

I seemed to be surrounded by a trend that everyone should learn how to code. Being a programmer is cool, and I lie if I have never fantasized about it.

Circumstances have reversed. Many of my college friends at communication schools eventually joined internet companies or became public relations for technology companies. The technology created by the geeks we were laughing at is changing the world of journalism.

And this coding learning movement is more lively because it’s very easy to start learning it. At that time, the open-source movement had developed in such a way that anyone could easily seek help, resources, and documentation through Google.

This coding learning movement has developed into an industry, and there is still plenty of room in the market, due to the insufficient supply of engineers.

If you want to learn programming as a new year’s resolution, then this article is for you. I share this personal history, not because of narcissism (well, maybe a little), but to illustrate the reality that exists:

Your past determines how to learn to code

I started learning programming at the end of 2012 – more than one year after starting my first job. This puts me in a very disadvantageous position if I want to make this a career.

programmer as a career

I will compete directly with new university graduates who may have started learning about the program since they were 12 years old. Their salary expectations are lower, and they may have less serious relationship commitments. I had to change my life goals, postpone financial targets, and pursue an alternative career while facing small sacrifices. In fact, it is unlikely that I will continue to pursue this field.

It all ended in this: I have invested years of my life in a changing but still healthy career in the media industry. I enjoy what I do and am not experiencing a 25-year crisis. I do not have the financial ability or incentive to enter fully into this new field.

So this is what happened: I learned coding in my free time and made sure that my hobbies did not interfere with my main job. It is difficult, but the only way is to sacrifice my free time.